安卓原理写类似QQ侧滑效果

最新推荐文章于 2024-08-28 14:34:35 发布

2401_84149724

最新推荐文章于 2024-08-28 14:34:35 发布

阅读量832

点赞数 14

分类专栏：程序员文章标签： android java 开发语言

本文链接：https://blog.youkuaiyun.com/2401_84149724/article/details/138987658

版权

程序员专栏收录该内容

278 篇文章

订阅专栏

//设置线性方向-垂直

mBottomLinear.setOrientation(LinearLayout.VERTICAL);

mTopLinear.setOrientation(LinearLayout.VERTICAL);

//方便查看设置背景颜色

mBottomLinear.setBackgroundColor(Color.BLACK);

mTopLinear.setBackgroundColor(Color.WHITE);

}

//重写onmesure方法，获取底部布局的最大宽度

@Override

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

super.onMeasure(widthMeasureSpec, heightMeasureSpec);

//获取view的宽度—>设值底部的宽度

if(IsFirst){

maxWidth=(int) (getMeasuredWidth()*0.7);

mBottomLinear.setLayoutParams(new FrameLayout.LayoutParams(maxWidth, FrameLayout.LayoutParams.MATCH_PARENT));

mTopLinear.setLayoutParams(new FrameLayout.LayoutParams(FrameLayout.LayoutParams.MATCH_PARENT, FrameLayout.LayoutParams.MATCH_PARENT));

//将布局添加到自定义里面

addView(mBottomLinear);

addView(mTopLinear);

}

IsFirst=false;

}

//设置底部linear布局的方法

public void setBottom(View v){

//给要在bottom里面添加的布局设置其在父容器中所占位置的宽高属性

v.setLayoutParams(new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.MATCH_PARENT));

//将布局添加到底部linear中

mBottomLinear.addView(v);

}

public void setTop(View v){

v.setLayoutParams(new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.MATCH_PARENT));

mTopLinear.addView(v);

}

//底层事件的处理： return :1.true:自己处理了，不往下发 2.return super.dispatchtouchenvent（ev），交给系统自己处理–》往下发

@Override

public boolean dispatchTouchEvent(MotionEvent ev) {

if(ev.getAction()==MotionEvent.ACTION_DOWN){

//记录手指的坐标

pf.x=ev.getX();

pf.y=ev.getY();

pf1.x=ev.getX();

pf1.y=ev.getY();

}else if(ev.getAction()==MotionEvent.ACTION_MOVE){

//获取当前手指滑动后的坐标

int x=(int) ev.getX();

int y=(int) ev.getY();

//计算手指滑动后的坐标距离：disX disY

int disX=(int) (x-pf.x);//x轴移动的距离

int disY=(int) (y-pf.y);//y轴移动的距离

//根据正余弦定理来判断水平滑动或者是垂直滑动

if(Math.abs(disX)/2-Math.abs(disY)>0){

//不做处理

}else{//垂直状态–》抽屉应该关闭

//TODO 通过抽屉的开关来判断上层可否移动

if(!IsSping){

return super.dispatchTouchEvent(ev);

}else{

return true;

}

//设置一个边界值：防止手指按下出现抽屉抖动的情况

// if(Math.abs(disX)<10){

// return super.dispatchTouchEvent(ev);

// }

//根据手指滑动的x轴移动的距离的正负，判断抽屉打开的方向

if(disX>0){//大于0 从左往右滑动：抽屉打开

//获取到顶部布局的属性 lp

FrameLayout.LayoutParams lp=(LayoutParams) mTopLinear.getLayoutParams();

//判断左边距超过最大边距，将最大边距设置给滑动距离

if(lp.leftMargin>=maxWidth){

disX=maxWidth;

IsSping=true;//抽屉开启

}

lp.leftMargin=disX;//将移动的距离设置给左边距

lp.rightMargin=-disX;

mTopLinear.setLayoutParams(lp);//将属性设置给顶部布局

}else if(disX<0){

//获取到顶部布局的属性 lp

FrameLayout.LayoutParams lp=(LayoutParams) mTopLinear.getLayoutParams();

if(lp.leftMargin<=0){

disX=0;

IsSping=false;

}

lp.leftMargin=lp.leftMargin-Math.abs(disX);

lp.rightMargin=-lp.leftMargin;

mTopLinear.setLayoutParams(lp);

pf.x=x;//将移动后的坐标赋值给初始坐标，解决再次移动的问题

}

requestLayout();//刷新界面

return true;

}else if(ev.getAction()==MotionEvent.ACTION_UP){

//区分是点击还是滑动

int disX=(int) Math.abs(ev.getX()-pf1.x);

if(disX>10){

//以底部linear的宽度的一半为分割线，超过分割线，手指抬起，抽屉自动打开或关闭

FrameLayout.LayoutParams lp=(LayoutParams) mTopLinear.getLayoutParams();

if(lp.leftMargin>maxWidth/2){//抽屉自动打开

lp.leftMargin=maxWidth;

lp.rightMargin=-maxWidth;

IsSping=true;

}else{

//抽屉关闭

lp.leftMargin=0;

lp.rightMargin=0;

IsSping=false;

}

mTopLinear.setLayoutParams(lp);

requestLayout();

return true;//自己处理

}

return super.dispatchTouchEvent(ev);

}

<RelativeLayout xmlns:android=“http://schemas.android.com/apk/res/android”

xmlns:tools=“http://schemas.android.com/tools”

android:layout_width=“match_parent”

android:layout_height=“match_parent”

tools:context=“.MainActivity” >

<cn.bgs.sildingmenudemo.SildingView//这个是你定义的包名加类名

android:id=“@+id/mSilding”

android:layout_width=“match_parent”

android:layout_height=“match_parent”

package cn.bgs.sildingmenudemo;

import java.util.ArrayList;

import java.util.List;

import android.os.Bundle;

import android.app.Activity;

import android.view.Menu;

import android.view.View;

import android.view.View.OnClickListener;

import android.widget.AdapterView;

import android.widget.AdapterView.OnItemClickListener;

import android.widget.ImageView;

import android.widget.ListView;

import android.widget.Toast;

import android.widget.ImageView.ScaleType;

import android.widget.SlidingDrawer;

public class MainActivity extends Activity implements OnItemClickListener,

OnClickListener {

private SildingView mSilding;

private ImageView mImg;

private List list = new ArrayList();

private ListView mLv;

private MyAdapter adapter;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

initList();

initView();

}

private void initList() {

for (int i = 0; i < 100; i++) {

list.add(“第” + (i + 1) + “条数据”);

}

/* 此方法是针对一些控件进行初始化和设值 */

private void initView() {

mSilding = (SildingView) findViewById(R.id.mSilding);

mImg = new ImageView(this);

mImg.setImageResource(R.drawable.ic_launcher);

mImg.setScaleType(ScaleType.FIT_XY);

mSilding.setBottom(mImg);

mLv = new ListView(this);

adapter = new MyAdapter(this, list);

mLv.setAdapter(adapter);

mSilding.setTop(mLv);

mLv.setOnItemClickListener(this);

mImg.setOnClickListener(this);

}

// 顶层布局list view的监听事件

@Override

public void onItemClick(AdapterView<?> parent, View view, int position,

long id) {

Toast.makeText(this, list.get(position), 0).show();

}

// 底层布局图片的监听事件

@Override

public void onClick(View v) {

Toast.makeText(this, “哈哈，图片被点击了”, 0).show();

}

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android=“http://schemas.android.com/apk/res/android”

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:orientation=“vertical” >

<TextView

android:id=“@+id/mTv”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:textSize=“20sp”

最后

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此我收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
。**

[外链图片转存中…(img-1GPUDJHn-1715895976519)]

[外链图片转存中…(img-Sy5Jl4AC-1715895976523)]

[外链图片转存中…(img-kPxjjbMb-1715895976525)]

[外链图片转存中…(img-nLTshtMw-1715895976528)]

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！