写在自定义之前我们也许会遇到，自定义控件的触屏事件处理，先来了解一下View类中的，onTouch事件和onTouchEvent事件。
1、boolean onTouch(View v, MotionVent event)触摸事件发送到视图时调用（v:视图，event:触摸事件）
返回true:事件被完全消耗（即，从down事件开始，触发move，up所有的事件）
返回fasle:事件未被完全消耗（即，只会消耗掉down事件）
2、boolean onTouchEvent(MotionEvent event)触摸屏幕时调用
返回值，同上须知
1、onTouch优先级比onTouchEvent高
2、如果button设置了onTouchListener监听，onTouch方法返回了true，就不会调用这个button的Click事件运用onTouchEvent写一个能滑动的布局
需求：
1.刚进入界面外层布局，自动下滑一段距离，露出内层布局。
2.外层布局可以上下滑动，并且带有透明度渐变效果，改变内边距效果。
需求分析：
1.显然，外层布局要默认覆盖内层布局了，这个容易。自动下滑，要用到动画，ObjectAnimator
2.外层布局要实现上下滑动，那么需要自定义，对onTouchEvent重写（核心逻辑）
也许描述的有一些模糊，看一下效果图：
效果图：
下面是源码，demo链接地址/*** Author：Biligle.
* 自定义布局*/
public class MyViewGroup extends ViewGroup {
private MyViewGroupListener listener;//接口，监听滑动事件private int vertical = 0;//布局距离顶端距离（默认0）
public MyViewGroup(Context context) {super(context);}
public MyViewGroup(Context context, AttributeSet attrs) {super(context, attrs);}
public MyViewGroup(Context context, AttributeSet attrs, int defStyleAttr) {super(context, attrs, defStyleAttr);}
@RequiresApi(api = Build.VERSION_CODES.LOLLIPOP) public MyViewGroup(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {super(context, attrs, defStyleAttr, defStyleRes);}
private int downY = 0;//按下时的点private int slide = 0;//最终移动距离@Override public boolean onTouchEvent(MotionEvent event) {switch (event.getAction()){case MotionEvent.ACTION_DOWN:downY = (int) event.getY();break;case MotionEvent.ACTION_MOVE:slide = downY - (int)event.getY();if(slide < 0){//下滑vertical = listener.marginTop(Math.abs(slide));}else if(slide > 0){//上滑vertical = listener.marginTop(-slide);}break;case MotionEvent.ACTION_UP:if(vertical < 300){//布局距离屏幕顶部小于300，就让布局充满整个屏幕vertical = listener.marginTop(0);}break;}return true;}
/*** 测量子View* @param widthMeasureSpec* @param heightMeasureSpec*/@Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {super.onMeasure(widthMeasureSpec, heightMeasureSpec);for (int i = 0; i < getChildCount(); i++) {View child = getChildAt(i);//系统测量measureChild(child, widthMeasureSpec, heightMeasureSpec);}}
/*** 安排子View的位置* @param changed* @param l 左边距* @param t 上边距* @param r 右边距* @param b 下边距*/@Override protected void onLayout(boolean changed, int l, int t, int r, int b) {int left = 0, top = 0, right = 0, bottom = 0;for (int i = 0; i < getChildCount(); i++) {View child = getChildAt(i);right = left + child.getMeasuredWidth();bottom = top + child.getMeasuredHeight();child.layout(left, top, right, bottom);}}
public void setListener(MyViewGroupListener listener){this.listener = listener;}
interface MyViewGroupListener {/*** 设置topMargin，上下滑动时触发* @param slide 滑动距离* @return 当前上边距*/ int marginTop(int slide);}}public class MainActivity extends AppCompatActivity implements MyViewGroup.MyViewGroupListener{
/** 自定义布局（外层布局）*/ private MyViewGroup myViewGroup;/** 两个圆形图（在外层布局）*/ private ImageView iv1,iv2/*,cloud*/;/** 包裹圆形图的布局*/ private RelativeLayout relativeLayout;/** 外层布局参数类（这里用到了params.topMargin：上边距）*/ private ViewGroup.MarginLayoutParams params;/** 透明值（改变两个圆图的透明值）*/ private float f;/** 左右内边距（改变RelativeLayout内边距）*/ private int p;
@Override protected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);myViewGroup = (MyViewGroup) findViewById(R.id.my);myViewGroup.setListener(this);iv1 = (ImageView) findViewById(R.id.iv1);iv2 = (ImageView) findViewById(R.id.iv2);relativeLayout = (RelativeLayout) findViewById(R.id.relative);params = (ViewGroup.MarginLayoutParams) myViewGroup.getLayoutParams();//初始化动画（自动下滑一段儿距离），我这里写死了900 ObjectAnimator animator = ObjectAnimator.ofFloat(myViewGroup,"translationY", 900);animator.setDuration(2000);animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {@Override public void onAnimationUpdate(ValueAnimator animation) {float y = (float)animation.getAnimatedValue();f = y/800;p = (int) y/3;alpha(f);padding(p);}});animator.start();// cloud = (ImageView) findViewById(R.id.cloud);}
/*** 设置上边距* @param slide 滑动距离* @return 返回下滑布局，距离屏幕左上角的垂直距离*/@Override public int marginTop(int slide) {params.topMargin += slide;myViewGroup.setLayoutParams(params);int vertical = (900 + params.topMargin);if(slide == 0){//为了隐藏两张圆图，所以把Relativelayout的高度一并减除。
params.topMargin -= (vertical+relativeLayout.getHeight());myViewGroup.setLayoutParams(params);}float alpha = f + (float) params.topMargin/800;//自定义一个算法alpha(alpha);int padding = p + params.topMargin/3;//自定义一个算法padding(padding);return vertical;}
/*** 设置透明度* @param alpha 透明值*/ public void alpha(float alpha) {iv1.setAlpha(alpha);iv2.setAlpha(alpha);}
/*** 设置左右边距* @param padding 边距值*/ public void padding(int padding) {relativeLayout.setPadding(padding, 0, padding, 0);}
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
您可能感兴趣的文章:Android仿抖音上下滑动布局Android开发中RecyclerView模仿探探左右滑动布局功能android实现上下左右滑动界面布局