极客学院Android12案例---案例4--自定义左右菜单

最新推荐文章于 2022-10-31 13:21:19 发布
最新推荐文章于 2022-10-31 13:21:19 发布
阅读量112 收藏
点赞数
分类专栏： # 安卓案例实训 Andorid学习笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43745804/article/details/107951289
版权

该案例主要是算法，学习意义不大

1.创建基本视图
package com.fengray.ex041;

import android.content.Context;
import android.graphics.Color;
import android.icu.util.Measure;
import android.util.AttributeSet;
import android.view.animation.DecelerateInterpolator;
import android.widget.FrameLayout;
import android.widget.RelativeLayout;
import android.widget.Scroller;

public class MainUI extends RelativeLayout {
    private Context context;
    private FrameLayout leftMenu;
    private FrameLayout middleMenu;
    private FrameLayout rightMenu;

    public MainUI(Context context) {
        super(context);
        initView(context);
    }

    public MainUI(Context context, AttributeSet attrs) {
        super(context, attrs);
    }



    private void initView(Context context) {
        this.context = context;
        leftMenu = new FrameLayout(context);
        middleMenu = new FrameLayout(context);
        rightMenu = new FrameLayout(context);

        leftMenu.setBackgroundColor(Color.RED);
        middleMenu.setBackgroundColor(Color.GREEN);
        rightMenu.setBackgroundColor(Color.RED);

        addView(leftMenu);
        addView(middleMenu);
        addView(rightMenu);
    }




    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        middleMenu.measure(widthMeasureSpec, heightMeasureSpec);
        int realWidth = MeasureSpec.getSize(widthMeasureSpec);
        int tempWidthMeasure = MeasureSpec.makeMeasureSpec(
                (int) (realWidth * 0.8f), MeasureSpec.EXACTLY);
        leftMenu.measure(tempWidthMeasure, heightMeasureSpec);
        rightMenu.measure(tempWidthMeasure, heightMeasureSpec);
    }


    @Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {
        super.onLayout(changed, l, t, r, b);
        middleMenu.layout(l, t, r, b);

        leftMenu.layout(l - leftMenu.getMeasuredWidth(), t, r, b);
        rightMenu.layout(
                l + middleMenu.getMeasuredWidth(),
                t,
                l + middleMenu.getMeasuredWidth()
                        + rightMenu.getMeasuredWidth(), b);
    }


}
2.完成左右滑动
package com.fengray.ex041;

import android.app.PendingIntent;
import android.content.Context;
import android.graphics.Color;
import android.graphics.Point;
import android.icu.util.Measure;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.animation.DecelerateInterpolator;
import android.widget.FrameLayout;
import android.widget.RelativeLayout;
import android.widget.Scroller;

public class MainUI extends RelativeLayout {
    private Context context;
    private FrameLayout leftMenu;
    private FrameLayout middleMenu;
    private FrameLayout rightMenu;

    public MainUI(Context context) {
        super(context);
        initView(context);
    }

    public MainUI(Context context, AttributeSet attrs) {
        super(context, attrs);
    }



    private void initView(Context context) {
        this.context = context;
        leftMenu = new FrameLayout(context);
        middleMenu = new FrameLayout(context);
        rightMenu = new FrameLayout(context);

        leftMenu.setBackgroundColor(Color.RED);
        middleMenu.setBackgroundColor(Color.GREEN);
        rightMenu.setBackgroundColor(Color.RED);

        addView(leftMenu);
        addView(middleMenu);
        addView(rightMenu);
    }




    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        middleMenu.measure(widthMeasureSpec, heightMeasureSpec);
        int realWidth = MeasureSpec.getSize(widthMeasureSpec);
        int tempWidthMeasure = MeasureSpec.makeMeasureSpec(
                (int) (realWidth * 0.8f), MeasureSpec.EXACTLY);
        leftMenu.measure(tempWidthMeasure, heightMeasureSpec);
        rightMenu.measure(tempWidthMeasure, heightMeasureSpec);
    }


    @Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {
        super.onLayout(changed, l, t, r, b);
        middleMenu.layout(l, t, r, b);

        leftMenu.layout(l - leftMenu.getMeasuredWidth(), t, r, b);
        rightMenu.layout(
                l + middleMenu.getMeasuredWidth(),
                t,
                l + middleMenu.getMeasuredWidth()
                        + rightMenu.getMeasuredWidth(), b);
    }

    private boolean isTestCompete;//上下还是左右滑动
    private boolean isleftRightEvent;
    @Override
    public boolean dispatchTouchEvent(MotionEvent ev) {
        if (!isTestCompete){
            getEventType(ev);
            return  true;
        }
        if (isleftRightEvent){
            switch (ev.getActionMasked()){
                case MotionEvent.ACTION_MOVE:
                    int curScrollX=getScrollX();
                    int distance_x=(int)(ev.getX()-point.x);
                    int expectX=-distance_x+curScrollX;
                    int finalX=0;
                    if (expectX<0){
                        finalX=Math.max(expectX,-leftMenu.getMeasuredWidth());
                    }else{
                        finalX=Math.min(expectX,rightMenu.getMeasuredWidth());
                    }
                    scrollTo(finalX,0);
                    point.x=(int)ev.getX();
                    break;
                case MotionEvent.ACTION_UP:
                    isleftRightEvent=false;
                    isTestCompete=false;
                    break;
                default:
                    break;
            }
        }else{
            switch (ev.getActionMasked()){
                case MotionEvent.ACTION_UP:
                    isleftRightEvent=false;
                    isTestCompete=false;
                    break;
                default:
                    break;
            }
        }

        return super.dispatchTouchEvent(ev);
    }

    private Point point=new Point();
    private static final int TEST_DIS=20;
    private void getEventType(MotionEvent ev) {

        switch (ev.getActionMasked()){
            case MotionEvent.ACTION_DOWN:
                point.x=(int)ev.getX();
                point.y=(int)ev.getY();
                break;
            case MotionEvent.ACTION_MOVE:
                int dX=Math.abs((int)ev.getX()-point.x);
                int dY=Math.abs((int)ev.getY()-point.y);
                if (dX>=TEST_DIS && dX>dY){//左右滑动
                    isleftRightEvent=true;
                    isTestCompete=true;

                    point.x=(int)ev.getX();
                }else if(dY>=TEST_DIS && dY>dX){//上下滑动
                    isleftRightEvent=false;
                    isTestCompete=true;
                    point.x=(int)ev.getX();
                    point.y=(int)ev.getY();
                }
                break;
            case MotionEvent.ACTION_UP:
                break;
            case MotionEvent.ACTION_CANCEL:
                break;
        }
    }
}
3.完成左右滑动

MainUI类

package com.fengray.ex041;

import android.app.PendingIntent;
import android.content.Context;
import android.graphics.Color;
import android.graphics.Point;
import android.icu.util.Measure;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.animation.DecelerateInterpolator;
import android.widget.FrameLayout;
import android.widget.RelativeLayout;
import android.widget.Scroller;

public class MainUI extends RelativeLayout {
    private Context context;
    private FrameLayout leftMenu;
    private FrameLayout middleMenu;
    private FrameLayout rightMenu;
    private FrameLayout middleMask;
    private Scroller mScroller;
    public static  final  int LEFT_ID=0xaabbcc;
    public static final  int MIDEELE_ID=0xaaccbb;
    public static final  int RIGHT_ID=0xccbbaa;

    public MainUI(Context context) {
        super(context);
        initView(context);
    }

    public MainUI(Context context, AttributeSet attrs) {
        super(context, attrs);
    }



    private void initView(Context context) {
        this.context = context;
        mScroller=new Scroller(context,new DecelerateInterpolator());
        leftMenu = new FrameLayout(context);
        middleMenu = new FrameLayout(context);
        rightMenu = new FrameLayout(context);
        middleMask= new FrameLayout(context);

        leftMenu.setBackgroundColor(Color.RED);
        middleMenu.setBackgroundColor(Color.GREEN);
        rightMenu.setBackgroundColor(Color.RED);
        //设置蒙版可见度
        middleMask.setBackgroundColor(Color.GRAY);//灰色

        leftMenu.setId(LEFT_ID);
        middleMenu.setId(MIDEELE_ID);
        rightMenu.setId(RIGHT_ID);

        addView(middleMask);
        addView(leftMenu);
        addView(middleMenu);
        addView(rightMenu);
        middleMask.setAlpha(0);
    }
    public float onMiddleMask(){
        System.out.println("透明度"+middleMask.getAlpha());
        return  middleMask.getAlpha();
    }

    @Override
    public void scrollTo(int x, int y) {
        super.scrollTo(x, y);
        //设置蒙版
        onMiddleMask();
        int curX=Math.abs(getScrollX());
        float scale=curX/(float)leftMenu.getMeasuredWidth();
        middleMask.setAlpha(scale);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        middleMenu.measure(widthMeasureSpec, heightMeasureSpec);

        middleMask.measure(widthMeasureSpec, heightMeasureSpec);
        int realWidth = MeasureSpec.getSize(widthMeasureSpec);
        int tempWidthMeasure = MeasureSpec.makeMeasureSpec(
                (int) (realWidth * 0.8f), MeasureSpec.EXACTLY);
        leftMenu.measure(tempWidthMeasure, heightMeasureSpec);
        rightMenu.measure(tempWidthMeasure, heightMeasureSpec);
    }


    @Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {
        super.onLayout(changed, l, t, r, b);
        middleMenu.layout(l, t, r, b);
        middleMenu.layout(l, t, r, b);
        leftMenu.layout(l - leftMenu.getMeasuredWidth(), t, r, b);
        rightMenu.layout(
                l + middleMenu.getMeasuredWidth(),
                t,
                l + middleMenu.getMeasuredWidth()
                        + rightMenu.getMeasuredWidth(), b);
    }

    private boolean isTestCompete;//上下还是左右滑动
    private boolean isleftRightEvent;
    @Override
    public boolean dispatchTouchEvent(MotionEvent ev) {
        if (!isTestCompete){
            getEventType(ev);
            return  true;
        }
        if (isleftRightEvent){
            switch (ev.getActionMasked()){
                case MotionEvent.ACTION_MOVE:
                    int curScrollX=getScrollX();
                    int distance_x=(int)(ev.getX()-point.x);
                    int expectX=-distance_x+curScrollX;
                    int finalX=0;
                    if (expectX<0){
                        finalX=Math.max(expectX,-leftMenu.getMeasuredWidth());
                    }else{
                        finalX=Math.min(expectX,rightMenu.getMeasuredWidth());
                    }
                    scrollTo(finalX,0);
                    point.x=(int)ev.getX();
                    break;
                case MotionEvent.ACTION_UP:
                    isleftRightEvent=false;
                    isTestCompete=false;
                    break;
                case MotionEvent.ACTION_CANCEL:
                    curScrollX=getScrollX();
                    if (Math.abs(curScrollX)>leftMenu.getMeasuredWidth()>>1){
                        if (curScrollX<0){
                            mScroller.startScroll(curScrollX,0,-leftMenu.getMeasuredWidth()-curScrollX,0,200);
                        }else{
                            mScroller.startScroll(curScrollX,0,leftMenu.getMeasuredWidth()-curScrollX,0,200);
                        }
                    }else {
                        mScroller.startScroll(curScrollX,0,-curScrollX, 0,200);
                    }
                    invalidate();//刷新重绘
                    isleftRightEvent=false;
                    isTestCompete=false;
                    break;
                default:
                    break;
            }
        }else{
            switch (ev.getActionMasked()){
                case MotionEvent.ACTION_UP://手指抬起时
                    isleftRightEvent=false;
                    isTestCompete=false;
                    break;
                default:
                    break;
            }
        }

        return super.dispatchTouchEvent(ev);
    }

    @Override
    public void computeScroll() {
        super.computeScroll();
        if (!mScroller.computeScrollOffset()){
            return;
        }
        int tempX=mScroller.getCurrX();
        scrollTo(tempX,0);
    }

    private Point point=new Point();
    private static final int TEST_DIS=20;
    private void getEventType(MotionEvent ev) {

        switch (ev.getActionMasked()){
            case MotionEvent.ACTION_DOWN:
                point.x=(int)ev.getX();
                point.y=(int)ev.getY();
                super.dispatchTouchEvent(ev);
                break;
            case MotionEvent.ACTION_MOVE:
                int dX=Math.abs((int)ev.getX()-point.x);
                int dY=Math.abs((int)ev.getY()-point.y);
                if (dX>=TEST_DIS && dX>dY){//左右滑动
                    isleftRightEvent=true;
                    isTestCompete=true;

                    point.x=(int)ev.getX();
                }else if(dY>=TEST_DIS && dY>dX){//上下滑动
                    isleftRightEvent=false;
                    isTestCompete=true;
                    point.x=(int)ev.getX();
                    point.y=(int)ev.getY();
                }
                break;
            case MotionEvent.ACTION_UP:
            case MotionEvent.ACTION_CANCEL:
                super.dispatchTouchEvent(ev);
                isleftRightEvent=false;
                isTestCompete=false;
                break;
        }
    }
}

leftMenu类

package com.fengray.ex041;

import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;

import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.fragment.app.Fragment;

public class LeftMenu extends Fragment {
    @Nullable
    @Override
    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View view=inflater.inflate(R.layout.left,container,false);
        view.findViewById(R.id.button).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                System.out.println("hello world!");
            }
        });
        return view;
    }


}

MainActivity类

package com.fengray.ex041;

import androidx.appcompat.app.AppCompatActivity;
import androidx.fragment.app.FragmentActivity;

import android.os.Bundle;

public class MainActivity extends FragmentActivity {
    private  MainUI mainUI;
    private LeftMenu leftMenu;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //setContentView(R.layout.activity_main);
        mainUI=new MainUI(this);
        setContentView(mainUI);

        leftMenu=new LeftMenu();
        getSupportFragmentManager().beginTransaction().add(MainUI.LEFT_ID,leftMenu).commit();

    }
}

效果
在这里插入图片描述

心湖中的石子
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
android 双栏布局,安卓分栏布局，包含2个子View，支持横向或纵向分栏
weixin_29163581的博客
05-26 748
SplitLayoutAndroid SplitLayout, which splits the available space between two child views by dragging the center handle.安卓分栏布局，包含2个子View，可通过拖动中间的handle来动态分割两个子View所占空间，支持横向或纵向分栏。Screenshots Sample APKF...
微信小程序实验源码-极客学院 v1.0
12-02
微信小程序实验源码-极客学院是以wxml进行开发的微信小程序源码。 它实现文章列表，文章详情等功能，特色： - 实现右侧菜单栏 - 实现显示markdown内容 数据接口: 使用本地数据接口 目录结构： - image 存放项目图片...
极客学院Android12案例---案例1--倒计时
weixin_43745804的博客
08-11 144
1.保持app上的临时数据 1、使用了timer计时器，并使用timer.schedule方法创建一个具体的定时任务，需要传入timeTask对象 2、使用TimerTask创建一个timeTask，这个对象用于承载一个具体的线程（子线程） 3、使用handler来接受Message的消息对象 4、在timerTask对象中开启线程，想Message对象的arg来传递消息，并用handler的sendMessage方法来发送Message对象 package com.fengray.ex038ximalay
Android实现自定义菜单
linweidong的专栏
08-27 9191
<br />   Android自带的Menu控件实现的菜单有一定的局限性，我们要实现UC浏览器Android版那样漂亮的菜单，不能直接用Menu控件来实现，而是要定制AlertDialog控件来实现。<br />   首先创建自定义菜单<br />     对话框经常作为Activity的一部分来创建和显示。你通常应该从protected Dialog Activity.onCreateDialog (int id) 回调方法里创建对话框。当你使用这个回调函数时，Android系统会有效的设置这个Acti
Android开发课程实验报告② UI组件
x1Nge的博客
04-18 4266
Android开发课程实验报告 @author：065 实验三：Android布局实验 实验报告目录Android开发课程实验报告实验目的具体实验分析内容一：用SimpleAdapter和ListView的使用内容二：AlertDialog的自定义布局实现内容三：使用XML定义菜单内容四：创建上下文操作模式的上下文菜单实验总结 实验目的 初学移动应用公开发中的Android开发，实验三的主要...
android 界面分栏,Android UI控件ExpandableListView基本用法详解
weixin_39985842的博客
05-30 382
ExpandableListView介绍ExpandableListView的引入ExpandableListView可以显示一个视图垂直滚动显示两级列表中的条目，这不同于列表视图(ListView)。ExpandableListView允许有两个层次：一级列表中有二级列表。比如在手机设置中，对于分类，有很好的效果。手机版QQ也是这样的效果。使用ExpandableListView的整体思路(1)...
Android精华汇总
斩月的专栏
03-15 2111
公共技术知识点部分 Android Activity生命周期 onCreate中的savedInstanceState有何具体作用 Android资源文件 - 使用资源存储字符串 颜色 尺寸 整型 布尔值 数组 Android系统架构解析 显而易见的，根据上图自底向上我们知道Android系统架构包含5大部分:Linux Kernel(Linux内核) 、Libraries(库)、Androi
iOS常用三方库、插件、知名技术博客、常用开发工具使用介绍等等（Objective-C版本）
热门推荐
YLGWHYH的专栏
08-11 3万+
TimLiu-iOS Swift版本点击这里 Objective-C版本点击这里 欢迎加入QQ群交流: 594119878 更新日期：2018-4-11 About A curated list of iOS objective-C ecosystem. How to Use Simply press command + F + "xxx@" to search ...
GitHub 优秀的 Android 开源项目
shen_sum的博客
10-31 655
无论你是android的初学者，还有是android开发多年的高手，可能都会有很多想法和经验希望与人分享交流，渴望能够接触到更多的实战项目，正所谓所谓与高手论道才能互补所长，与英雄共鼎方能百尺竿头，一味的织履贩席闭门造车只能固步自封成为井底之蛙，笔者特意将研究过的开源软件花费大量时间和精力逐一悉心修改整理调试发布，确保完美质量，以飨读者。以下部分资源设置积分限制，如果有着急需的同学可以给我邮件或者加入我们的技术交流群（173711587），海量资源一键下载，共同探讨和分享技术资源。
微信小程序-极客学院.zip
04-14
微信小程序-极客学院.zip，小程序模板代码，基于微信小程序的在线免费小说的开发。，可以直接从源码里粘贴复制过来，虽然这样做不利于自己独立编写代码。
极客标记：极客标记-极客标记系统
02-03
极客标记-极客标记系统 设置服务器 npm install -g gitinspector npm install -g eslint npm install nano --save npm install couch-admin --save npm install pouchdb --save npm install --save pouchdb-find npm...
分享关于GPT-4的产品化狂想
03-26
如今打开互联网一看，会看到铺天盖地的“GPT-4好厉害”“太牛了”“科技革命到来了”“人类都要失业了”…… 但这么伟大的变革到底是怎么到来呢？答案好像比较含糊。只有ChatGPT基础的问答、代写能力，以及微软已经...
极客学院学习笔记--PHP文件系统处理.zip
最新发布
01-18
软件开发设计：PHP、应用软件开发、系统软件开发、移动应用开发、网站开发C++、Java、python、web、C#等语言的项目开发与学习资料 硬件与设备：单片机、EDA、proteus、RTOS、包括计算机硬件、服务器、网络设备、存储...
黑马Android76期学习笔记01基础--day09--ContentProvider、内容解析者，内容观察者
weixin_43745804的博客
08-25 829
1.进程的基本概念
黑马Android76期学习笔记--02手机安全卫士--day01-分包、版本、去标题头、获取版本号，流转字符串、网络上获取json文件，导入开源库，生成apk文件
weixin_43745804的博客
08-29 523
1.fragment入门
黑马Android76期学习笔记01基础--day03--数据库的创建、数据的增删改查、事务、ListView，arrayAdapter，完整地从数据库取值到listView
weixin_43745804的博客
08-17 365
1.数据库的创建 步骤 定义一个类继承sqliteOpenHelper 在构造方法中创建数据库对象 创建这个类的实例（传入当前的context对象） 执行数据库的创建操作getWritableDatabase() 1、创建继承自sqliteOpenHelper的MyOpenHelper类 import android.content.Context; import android.database.sqlite.SQLiteDatabase; import android.database.sqlite
极客学院Android12案例---案例2--通讯录
weixin_43745804的博客
08-11 358
1.通讯录 通讯录以数据库的形式存储在手机中 ContactsContract.CommonDataKinds.Phone.NUMBER和ContactsContract.CommonDataKinds.Phone.DISPLAY_NAME分别是字段名 Manifest文件中写入权限 在主activity中请求权限 获取请求权限后接受onRequestPermissionsResult回调，来进行业务逻辑 需要在 1、创建业务逻辑类GetNumber package com.fengray.ex039c
黑马Android76期学习笔记01基础--day08--start/bind开启服务、电话录音，特别广播接收者，bindService/接口调用服务内方法，混合开启服务，进程间通讯，aidl应用场景
weixin_43745804的博客
08-23 288
1.广播Broadcastreceiver
Android控件操作-二十四章经 - v1.01
08-03
此外，张亚运还是一位热爱分享的技术博主，他在CSDN上发表了四百余篇博文，获得了CSDN认证专家和极客学院Wiki专栏作家的称号。此外，他还在GitHub上分享了多款源码。除此之外，张亚运还是一位热爱写作的作家，他撰写...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值