CoordinatorLayout的使用如此简单_走召大爷的博客-程序员秘密

技术标签: Coordinate  Layout  布局  Android学习  Android  

我的简书同步发布:CoordinatorLayout的使用如此简单

曾在网上找了一些关于CoordinatorLayout的教程,大部分文章都是把CoordinatorLayoutAppbarLayoutCollapsingToolbarLayout 以及Toolbar等一起使用来介绍,这让我不知不觉在心中认为把这几个布局要一起使用,而且只是用于那种场景中。其实CoordinatorLayout的功能并不是局限于与AppBarLayout一起使用,它的功能强大着呢,本文主要对CoordinatorLayout的使用进行介绍,后面再写一篇文章将AppBarLayoutCollapsingToolBarLayout整合CoordinatorLayout一起。那么到底CoordinatorLayout有多好用,请往下感受吧~

CoordinatorLayout能做什么

在学习CoordinatorLayout之前,很有必要了解CoordinatorLayout能帮我们做什么,从名字上可以看出,就是帮我们协调子View的。怎么个协调法呢?就是它根据我们的定制,帮助我们协调各个子View的布局。我们先看一组动画图~

CoordinatorLayout演示

稍微解释一下这个动画,蓝色的矩形是我们一个普通View,黄色的Hello是一个Button。我们水平拖动蓝色矩形时,黄色Button查着与蓝色矩形相反方向移动;竖直移动蓝色矩形时,黄色也跟着竖直。简而言之:它们在竖直方向同步移动,在水平方向相反。

这个效果如果让你不用CoordinatorLayout去实现,应该没有任何问题,但是代码的耦合度应该非常大,你的代码必须要持有2个View的引用,然后在onTouchEvent里面做各种判断。如果我们想要实现的功能是,有更多的View要根据蓝色的View的移动相应作出响应,那么那就得在蓝色ViewonTounchEvent里面针对其他的View处理各种逻辑。这耦合度未免太伤感了~

CoordinatorLayout既然号称能帮我们协调子View的布局,我们接下来看看CoordinatorLayout如何实现~

CoordinatorLayout使用

CoordinatorLayout的使用核心是BehaviorBehavior就是执行你定制的动作。在讲Behavior之前必须先理解两个概念:ChildDependency,什么意思呢?Child当然是子View的意思了,是谁的子View呢,当然是CoordinatorLayout的子View;其实Child是指要执行动作的CoordinatorLayout的子View。而Dependency是指Child依赖的View。比如上面的gif图中,蓝色的View就是Dependency,黄色的View就是Child,因为黄色的View的动作是依赖于蓝色的View。简而言之,就是如过Dependency这个View发生了变化,那么Child这个View就要相应发生变化。发生变化是具体发生什么变化呢?这里就要引入BehaviorChild发生变化的具体执行的代码都是放在Behavior这个类里面。

怎么使用Behavior呢,首先,我们定义一个类,继承CoordinatorLayout.Behavior<T>,其中,泛型参数T是我们要执行动作的View类,也就是Child。然后就是去实现Behavior的两个方法:

/**
* 判断child的布局是否依赖dependency
*/
   @Override
 public boolean layoutDependsOn(CoordinatorLayout parent, T child, View dependency) {
    boolean rs;
    //根据逻辑判断rs的取值
    //返回false表示child不依赖dependency,ture表示依赖
    return rs;  
}

/**
* 当dependency发生改变时(位置、宽高等),执行这个函数
* 返回true表示child的位置或者是宽高要发生改变,否则就返回false
*/
@Override
public boolean onDependentViewChanged(CoordinatorLayout parent, T child, View dependency) {
     //child要执行的具体动作
        return true;
}

有了上面的概念后,我们看看具体怎么去实现吧~

为了响应跟随手指移动的操作,我们定义一个非常简单的View,这个View只响应跟随手指移动,将这个View作为Dependency。由于过于简单,这个View源码不粘贴,我们只需知道这个View的类名叫:TempView

我们看看Behavior的使用:

package com.hc.studyCoordinatorLayout;

import android.content.Context;
import android.support.design.widget.CoordinatorLayout;
import android.util.AttributeSet;
import android.util.DisplayMetrics;
import android.view.View;
import android.widget.Button;

/**
 * Package com.hc.studyCoordinatorLayout
 * Created by HuaChao on 2016/6/1.
 */
public class MyBehavior extends CoordinatorLayout.Behavior<Button> {
    
    private int width;

    public MyBehavior(Context context, AttributeSet attrs) {
        super(context, attrs);
        DisplayMetrics display = context.getResources().getDisplayMetrics();
        width = display.widthPixels;
    }

    @Override
    public boolean layoutDependsOn(CoordinatorLayout parent, Button child, View dependency) {
        //如果dependency是TempView的实例,说明它就是我们所需要的Dependency
        return dependency instanceof TempView;
    }

    //每次dependency位置发生变化,都会执行onDependentViewChanged方法
    @Override
    public boolean onDependentViewChanged(CoordinatorLayout parent, Button btn, View dependency) {

        //根据dependency的位置,设置Button的位置

        int top = dependency.getTop();
        int left = dependency.getLeft();

        int x = width - left - btn.getWidth();
        int y = top;

        setPosition(btn, x, y);
        return true;
    }

    private void setPosition(View v, int x, int y) {
        CoordinatorLayout.MarginLayoutParams layoutParams = (CoordinatorLayout.MarginLayoutParams) v.getLayoutParams();
        layoutParams.leftMargin = x;
        layoutParams.topMargin = y;
        v.setLayoutParams(layoutParams);
    }


}

OK,现在我们为Button类指定了Dependency,并且定义好了跟随Dependency一直变化的动作(Behavior),接下来我们就要指定好为哪个具体的Button实例来绑定这些。方法很简单,直接在布局文件指定就好:

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.hc.studyCoordinatorLayout.MainActivity">

    <Button
        android:id="@+id/btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="300dp"
        android:layout_marginTop="300dp"
        android:background="#FFCC00"
        android:text="Hello"
        app:layout_behavior="com.hc.studyCoordinatorLayout.MyBehavior" />

    <com.hc.studyCoordinatorLayout.TempView
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_marginLeft="300dp"
        android:layout_marginTop="300dp"
        android:background="#3366CC"  />
</android.support.design.widget.CoordinatorLayout>

是不是很简单呢?我们只需关注Behavior的编写就好了,把ChildDependency之间的关系完全解耦了~

附上源码地址:http://download.csdn.net/detail/huachao1001/9537636

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/huachao1001/article/details/51554608

智能推荐

中国石油大学《输气管道设计与管理(含课程设计)》第一阶段在线作业_chenjing-1125的博客-程序员秘密

第一阶段在线作业单选题 (共16道题)收起1.(2.5分) 1bar等于( )。 A、 103Pa B、 105Pa C、 106Pa D、101325Pa我的答案:B此题得分:2.5分2.(2.5分) 压力单位Pa的物理意义是( )。 A、 N/mm2 B、 N/cm2 C、 N/m2 D、 kgf/m2 我的答案:C此题得分:2...

STM32基本定时器TIM6、TIM7_tim6 用的是什么时钟_karwen2020的博客-程序员秘密

STM32F10XXX定时器资源:STM32F10XXX系列包含TIM6、TIM7两个基本定时器,计数器为16位,其功能比较简单,仅支持向上计数,且只能计时,没有外部I/O口。1、时钟源TIMxCLK:定时器的时钟源来自系统内部时钟,准确来说由APB1预分频器分频提供,因为TIM6、7都是挂载在APB1上的外设。如果APB1的预分频系数等于1,则频率不变,其他情况,频率乘以2,库函数中APB1的分频系数为2,故定时器的时钟TIMxCLK=36*2=72MHz。2、计数器时钟CK......

中国移动短信网关CMPP3.0 C#源代码:CMPP30类(1)_bulbul2006的博客-程序员秘密_未正确接收 connect_resp

这是2005年6月云南移动短信网关升级到3.0时写的,在SP那稳定运行了很长时间的。因为SP倒闭了,贴出来给有兴趣的朋友参考。优点:支持多线程、滑动窗口、异步发送、全事件模式、自动识别ASCII、GBK、UCS-2缺点:不支持长短信自动分页、不支持PROVISION接口(偶的PROVISION接口是用WEB SERVICE实现的)using System;using System.Text;u

【Django】Django 模型 使用指南_bestBT的博客-程序员秘密_django模型

简介Django的模型功能强大,更加重要的是ORM让你体验非凡(请跟着本文慢慢的体会ORM的强大之处) 因为研发部最近需要一个打卡器的数据库,那面我就简单谈谈Django的models。希望给研发部,以及之后想要使用一个简单易行方式来搭建一台网络服务器的小伙伴学习。 注意:这并不是一个正统的Django教学贴,默认大家已经入门了Django,如果没有请移步:自强学堂学习前五章! 面向对象假定大

Elasticsearch结合java实现组合查询(模糊,区间,精确,分页)_酷酷的码农小哥的博客-程序员秘密

具体实现看下图:导入es的jar &lt;dependency&gt; &lt;groupId&gt;org.springframework.boot&lt;/groupId&gt; &lt;artifactId&gt;spring-boot-starter-data-elasticsearch&lt;/artifactId&gt; &lt;/dependency&gt;创建Repositorypublic interface U

ESXi物理机内的虚拟机文件如何导出?_kepa520的博客-程序员秘密

主要有三种方法:1.最方便的就是通过OVF模板方式导出,速度快,占用空间小,导入也便捷。还可以自定义压缩率,但是稳妥起见还是建议按照默认压缩率来即可。2.主机-----摘要------右键需要导出虚拟机的存储-----浏览存储-----下载即可。这种方式速度比较慢,恢复也慢。导入的时候也需要注意,上传完成后需要手动把虚拟机VMX文件添加到清单,否则清单里

随便推点

-Xdebug 启动命令_低至一折起的博客-程序员秘密

-Xdebug -Xrunjdwp:transport=dt_socket,address=8000,server=y,suspend=nJAVA的调试方法如下: 1。首先支持JVM,并设置参数,使之工作在DEBUG模式下,加入参数:-Xdebug -Xrunjdwp,transport=dt_socket,server=y,address=5432,suspend=n,onthrow=java

机器学习笔记 - TensorFlow2.0全卷积网络FCN图像分类_坐望云起的博客-程序员秘密

基于TensorFlow2.0和全卷积网络FCN进行图像分类。安装环境1、首先安装tensorflow 2.0,参考:https://blog.csdn.net/bashendixie5/article/details/1102606152、下载数据集,5种花朵分类雏菊、蒲公英、玫瑰、向日葵、郁金香官方地址:https://www.tensorflow.org/datasets/catalog/tf_flowers

JavaSwing图形界面编程之JSlider(一)_mq30的博客-程序员秘密

package three.day.frame;import javax.swing.JFrame;import javax.swing.JSlider;public class JSliderDemo01 {public static void main(String[] args) {        JSlider slider = new

Linux CentOs手动升级node_铁打的阿秀的博客-程序员秘密

Linux CentOs手动升级node1、查看是否安装了node查看node版本:node -v查看node路径:whereis node2、查找对应的nodejs包,具体参考https://nodejs.org/download/release/本人使用版本:node-v10.16.3-linux-x64.tar.xz3、切换到安装node的位置,此处为/usr/local/l...

一次开发ios rsa的过程_kyfxbl的博客-程序员秘密_android ios 使用rsa 加密

昨天需要把android版的用户注册功能,移植到ios版上。android版会将用户填写的手机号和密码,用RSA加密后发到server尝试直接使用modulus和exponent加密android版没有使用证书,是直接用modulus和exponent就加密了RSAPublicKeySpec publicKeySpec = new RSAPublicKeySpec(new BigInt

GitHub“又爆”神作,标星70K的力扣刷题宝典,助你冲击2021金三银四BAT_Java秦心的博客-程序员秘密

最近有看到很多朋友想进大厂,四面竟然都考了算法,很多同学面对算法的问题都很头大,因为自己做项目很难用到,但是但凡高薪的职位面试都会问到。最近我整理了一份刷题宝典,这份刷题宝典,也让我进了心仪的大厂。今天给大家分享一下:毕竟现在大厂里用的都是算法,所以这块内容不吃透肯定是不行的。目录如下:图文并茂,附有刷题答案源码。第一份:LeetCode算法收割机由于篇幅原因,为了避免影响到大家的阅读体验,在此只以截图展示部分内容,详细完整版的可以添加上小助手V:bj070701即可获取到!..

推荐文章

热门文章

相关标签