简单实现点击扩展内容的layout

最新推荐文章于 2022-09-27 08:51:49 发布
最新推荐文章于 2022-09-27 08:51:49 发布
阅读量362 收藏
点赞数 1
分类专栏： android android开发 layout 继承 扩展 文章标签： 布局 扩展 android android开发 继承
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ligenxun/article/details/47049473
版权
android 同时被 3 个专栏收录
1 篇文章 0 订阅
订阅专栏
android开发
1 篇文章 0 订阅
订阅专栏
layout
1 篇文章 0 订阅
订阅专栏

简单实现点击扩展内容的layout

转载请注明出处http://blog.csdn.net/ligenxun

简单实现了点击扩展内容的功能。

图片

前段时间脑洞大开，在看新闻的时候觉得apk内部的跳转太单调了，一点都不酷炫，就想着为什么不能点击layout然后内容流畅地出现呢？想想就觉得酷，就做了一个小例子。

首先，通过继承LinearLayout 来完成大概布局，

public class MyLinearLayout extends LinearLayout {

    public MyLinearLayout(Context context) {
        super(context);
    }

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

    public MyLinearLayout(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
    }

}

然后开始实现目标，首先我们假设两个layout在mylayout中，分别为layout1和layout2，要实现触摸扩展，我们要分别监听触摸事件：

    private boolean b1 = false,b2 = false;
    private int l1l,l1r,l2l,l2r;
    private int pid = 22;
    private Scroller scroller;
    private boolean bt1 = false,bt2=false;
    public boolean onTouchEvent(MotionEvent event) {
        int action = event.getAction();
        switch (action) {
            case MotionEvent.ACTION_DOWN:

                break;
            case MotionEvent.ACTION_MOVE:

                break;
            case MotionEvent.ACTION_UP:
                l1l = layout1.getLeft();
                l1r = layout1.getRight();
                l2l = layout2.getLeft();
                l2r = layout2.getRight();
                layout1.getChildAt(0).setOnClickListener(new OnClickListener() {
                    @Override
                    public void onClick(View v) {

                        bt1 = true;
                        if (b2){

                            scroller.startScroll(l1l + pid, layout1.getTop(), l2r - pid, layout1.getTop(),700);
                            layout2.layout(l1l + pid + 1, layout2.getTop(), layout2.getRight(), layout2.getBottom());
                        }
                        else {
                            if (!b1) {
                                //TODo layout1 c

                                scroller.startScroll(l1r, layout1.getTop(), l2r - l1r - pid, layout1.getTop(), 400);
                                layout2.layout(layout1.getRight() + 1, layout2.getTop(), layout2.getRight(), layout2.getBottom());
                                Log.d("left", "false");
                                Log.d("layout2.getRight()", Integer.toString(layout2.getRight()));
                            } else {

                                //TODo layout1 d

                                layout2.layout(layout1.getRight() - 1, layout2.getTop(), layout2.getRight(), layout2.getBottom());
                                Log.d("left", "true");
                                Log.d("l1r", Integer.toString(l1r));
                            }
                        }
                    }
                });
                layout2.getChildAt(0).setOnClickListener(new OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        bt2 = true;

                        if(b1){

                            scroller.startScroll(l1l + pid ,layout1.getTop(), l2r - pid,layout1.getTop(),700);
                            layout1.layout(layout1.getLeft(), layout1.getTop(), l2r - pid - 1, layout1.getBottom());

                        }else {

                            if (!b2) {
                                //TODo layout2 c
                                scroller.startScroll(l1l + pid, layout2.getTop(), l2l, layout2.getTop(), 400);
                                layout1.layout(layout1.getLeft(), layout1.getTop(), l1r - 1, layout1.getBottom());
                                Log.d("right", "false");
                                Log.d("layout1.getLeft()", Integer.toString(layout1.getLeft()));
                            } else {
                                //TODo layout2 d
                                scroller.startScroll(l1l + pid, layout2.getTop(), l2l, layout2.getTop(), 400);
                                layout1.layout(layout1.getLeft(), layout1.getTop(), layout2.getLeft() + 1, layout1.getBottom());
                                Log.d("right", "true");
                                Log.d("l2r", Integer.toString(l2r));
                            }
                        }
                    }
                });
                invalidate();
                break;
        }
        return super.onTouchEvent(event);
    }

通过监听layout1和layout2中第一个child来实现触摸监听。然后我们再通过Scroller 来实现layout的渐渐扩展：

public void computeScroll() {
        if (scroller.computeScrollOffset()) {
            int x = scroller.getCurrX();
            int y = scroller.getCurrY();
            System.out.println("x=" + x);
            System.out.println("y=" + y);
            if (bt1) {
                if(b2){
                    if (x<l2r-pid){

                        LayoutParams l = new LayoutParams( x - (l1l),
                                layout1.getBottom() - layout1.getTop());
                        layout1.setLayoutParams(l);

                        LayoutParams l1 = new LayoutParams(l2r - layout1.getLayoutParams().width,layout1.getHeight());
                        layout2.setLayoutParams(l1);
                    }
                    else {
                        LayoutParams l = new LayoutParams(l2r - pid - (l1l),
                                layout1.getBottom() - layout1.getTop());
                        layout1.setLayoutParams(l);
                        LayoutParams l1 = new LayoutParams(l2r - layout1.getLayoutParams().width,layout1.getHeight());
                        layout2.setLayoutParams(l1);
                    }

                    if (scroller.isFinished()) {
                        b2 = false;
                        b1 = true;
                        bt1 = false;
                        Log.d("finish", "DDDDDDDD");
                        return;
                    }
                }
                else {
                    if (!b1) {
                        //ToDO l1 c
                        if (x < l2r - pid) {
                            LayoutParams l = new LayoutParams(x - (l1l),
                                    layout1.getBottom() - layout1.getTop());
                            layout1.setLayoutParams(l);

                            LayoutParams l1 = new LayoutParams(l2r - layout1.getLayoutParams().width, layout1.getHeight());
                            layout2.setLayoutParams(l1);


                        } else {
                            LayoutParams l = new LayoutParams(l2r - pid - (l1l),
                                    layout1.getBottom() - layout1.getTop());
                            layout1.setLayoutParams(l);
                            LayoutParams l1 = new LayoutParams(l2r - layout1.getLayoutParams().width, layout1.getHeight());
                            layout2.setLayoutParams(l1);
                            Log.d("11", "c");

                        }
                        if (scroller.isFinished()) {
                            b1 = true;
                            bt1 = false;
                            Log.d("finish", "DDDDDDDD");
                            return;
                        }
                    }
                    if (b1) {
                        //ToDO l1 d
                        if (l2r - x - pid > 0) {
                            LayoutParams l = new LayoutParams(l1r + l2r - x - pid,
                                    layout1.getBottom() - layout1.getTop());
                            layout1.setLayoutParams(l);
                            LayoutParams l1 = new LayoutParams(l2r - layout1.getLayoutParams().width, layout1.getHeight());
                            layout2.setLayoutParams(l1);

                        } else {

                            LayoutParams l = new LayoutParams(l1r - l1l,
                                    layout1.getBottom() - layout1.getTop());
                            layout1.setLayoutParams(l);

                            LayoutParams l1 = new LayoutParams(l2r - layout1.getLayoutParams().width, layout1.getHeight());
                            layout2.setLayoutParams(l1);

                            Log.d("11", "d");


                        }
                        if (scroller.isFinished()) {
                            b1 = false;
                            bt1 = false;
                            Log.d("finish", "WWWWWW");
                            return;
                        }
                    }
                }
            }
            if (bt2) {
                if(b1){

                    if (x<l2r-pid){

                        LayoutParams l = new LayoutParams(l2r - pid - x ,
                                layout1.getBottom() - layout1.getTop());
                        layout1.setLayoutParams(l);

                        LayoutParams l1 = new LayoutParams(l2r - layout1.getLayoutParams().width,layout1.getHeight());
                        layout2.setLayoutParams(l1);
                    }
                    else {

                        LayoutParams l = new LayoutParams(l1l + pid, layout1.getHeight());
                        layout1.setLayoutParams(l);

                        LayoutParams l1 = new LayoutParams(l2r - layout1.getLayoutParams().width, layout1.getHeight());
                        layout2.setLayoutParams(l1);
                    }

                        if(scroller.isFinished()){
                        b1 = false;
                        b2 = true;
                        bt2 = false;
                        return;

                    }
                }
                else {
                    if (!b2) {
                        //ToDO l2 c
                        if (x < l2l) {
                            LayoutParams l = new LayoutParams(l2r - l2l + x,
                                    layout2.getBottom() - layout2.getTop());
                            layout2.setLayoutParams(l);

                            LayoutParams l1 = new LayoutParams(l2r - layout2.getLayoutParams().width, layout2.getHeight());
                            layout1.setLayoutParams(l1);


                        } else {
                            LayoutParams l = new LayoutParams(l2r - l1l - pid, layout2.getHeight());
                            layout2.setLayoutParams(l);


                            LayoutParams l1 = new LayoutParams(l2r - layout2.getLayoutParams().width, layout2.getHeight());
                            layout1.setLayoutParams(l1);

                            Log.d("12", "c");
                        }
                        if (scroller.isFinished()) {
                            b2 = true;
                            bt2 = false;
                            return;

                        }
                    }
                    if (b2) {
                        //ToDO l2 d
                        if (x <= l2l) {
                            LayoutParams l = new LayoutParams(l2r - l2l + (l1r - l1l - x), layout2.getHeight());
                            layout2.setLayoutParams(l);

                            LayoutParams l1 = new LayoutParams(l2r - layout2.getLayoutParams().width, layout2.getHeight());
                            layout1.setLayoutParams(l1);

                        } else {

                            LayoutParams l = new LayoutParams(l2r - l2l,
                                    layout2.getBottom() - layout2.getTop());
                            layout2.setLayoutParams(l);

                            LayoutParams l1 = new LayoutParams(l2r - layout2.getLayoutParams().width, layout2.getHeight());
                            layout1.setLayoutParams(l1);

                            Log.d("12", "d");


                        }
                        if (scroller.isFinished()) {
                            b2 = false;
                            bt2 = false;
                            return;
                        }
                    }
                }
            }
            invalidate();
        }
    }

通过Scroller我们然layout的变化更加舒心了。这样就大概实现了我的脑洞了。

这个是简单的实现，完整代码在github上可以获取到。过段时间（先找找看有木有实习以后看看有木有时间），我会把这个脑洞完善好。

触摸按键（PCB板LAYOUT注意事项）
11-19
Sensor Pad形狀可以為圓形、方形、三角形等(實心型)，也可以線條構成此類圖形(鏤空型)，前者用於覆蓋板較厚的情況，後者則用於覆蓋板較薄的情況下。一般建議使用圓形，感應效果更佳。
触摸按键设计&layout
最新发布
weixin_45723648的博客
05-30 8660
对触摸感应按键而言，PCB板上的金属感应盘就是电容的一个极板，而周围铺铜或手指构成了另一个极板，PCB材料本身或者PCB板上覆盖的介质就算电容中间的绝缘体，因而构成了一个电容器。在满足面板的美学设计要求的情况下，必须通过合理安排感应盘的大小和间隔尺寸来获得最佳触摸感应效果，允许用户使用按键感应盘间最小间距为1mm的密集键盘，如图3。当有手指触摸时，“按键”通过手指就形成 了电容Cf，由于两个电容是并联的，所以手指接触”按键“前后，总电容的变化率为C%=((Cp+Cf)-Cp)/Cp=Cf/Cp。
杰理之内置触摸硬件 Layout 建议3【篇】
u013820168的博客
09-27 235
保证 PCB 板地的完整性前提下，触摸走线和地的安全间距越大越好。（建议间距 0.2mm 以上）。
触摸芯片Layout设计指南
04-30
这是触摸芯片Layout设计指南，教你如何Layout 触摸芯片
android按钮的点击效果和layout的点击效果 xml编写
流花飞羽的专栏
02-13 2478
在android开发和学习的过程中，为了增加用户界面的良好交互性，我们会给按钮的的点击增加效果来告诉用户点击成功， 一般通过点击前后改变按钮的颜色 或改变按钮的的背景图片如下图： 点击前：点击后： 使用xml进行控制 <Button android:id="@+id/bt_login" android:layout_width="ma
Android-RecyclerView基础写法简单实现
05-08
另外，还可以实现Item点击事件、动画效果以及下拉刷新和上拉加载更多功能。 对于更复杂的需求，例如自定义Item的视图类型，可以在`onCreateViewHolder()`中判断viewType，返回不同布局的ViewHolder。在`...
Android开发实现的文本折叠点击展开功能示例
08-26
在Android开发中，文本折叠和点击展开功能是一个常见的需求，特别是在显示大量文本信息时，为了优化用户体验，我们通常会将长文本进行折叠处理，用户点击后可以展开查看完整内容。以下是一个详细的实现步骤和相关...
Android中使用Kotlin实现一个简单的登录界面
08-29
在给定的代码中，`LoginActivity`是一个继承自`AppCompatActivity`的类，它实现了`View.OnClickListener`接口，这意味着它可以处理视图的点击事件。在`onCreate`方法里，我们没有使用传统的`setContentView`，而是...
Button实现按钮点击效果demo
02-16
开发者可以根据需求扩展`changeButtonColor`方法，实现更多样化的点击效果。 此外，Android Studio的资源文件夹结构可能如下： - `res/layout/activity_main.xml`：包含Button的布局文件。 - `src/main/java/...
CynerGI Layout-crx插件
04-05
用户只需在支持该插件的浏览器上访问CynerGI扩展商店，找到该插件并点击安装。安装完成后，无需重启浏览器，插件会自动生效。用户可以根据个人喜好在设置中开启或关闭这一布局调整功能。 值得注意的是，由于这款...
触摸按键Layout PCB设计要点
02-22
触摸行业内十年工作经验工程师经验总结，绝对的精华
触摸按键（PCB板layout注意事项）
07-31
要求电源纹波和噪声要小，要注意避免由电源串入的外界干扰......
触控(Touch) 、 布局(Layout)
weixin_30608131的博客
12-15 234
1 使用触控实现一个简易的画板 1.1 问题 触控（Touch）是一个UITouch类型的对象，当用户触摸了屏幕上的视图时自动被创建，通常使用触控实现绘图、涂鸦、手写等功能。本案例使用触控实现一个简易的画板，可以在画板上勾画出一条线，如图-1所示： 图-1 1.2 方案 首先在创建好的SingleViewApplication项目中创建一个画板类TRDrawView，继承至UIV...
layout、layout-land和layout-port的区别
weixin_34272308的博客
11-21 142
一般把UI 布局文件放在layout文件夹下，如果要支持橫屏，就会取同名的layout放在layout-land文件夹下。 -res/layout-land 横屏　　-res/layout-port 竖屏　　-res/layout 默认 还有layout-finger,layout-land-finger, finger使用在对手指触摸支持很好...
杰理之内置触摸硬件 Layout 建议2【篇】
u013820168的博客
09-27 254
99999999999999999
android点击layout跳转,最简单的Activity跳转
weixin_42512103的博客
05-27 534
使用Intent进行最简单的Activity跳转，不传递数据也不返回数据的！点击Activity1的按扭跳转到Activity2，点击Activity2的按钮返回Activity1。1、Activity1和Activity2的xml界面，都只包含一个TextView和一个Buttonhttp://schemas.android.com/apk/res/android"android:layout_...
android点击layout跳转,请教下这种布局该监听什么实现点击跳转到下一个activity
weixin_33325305的博客
05-27 118
该楼层疑似违规已被系统折叠隐藏此楼查看此楼代码下面是这样的：1 2 3 android:layout_width="match_parent"4 android:layout_height="match_parent"5 android:orientation="vertical"6 android:background="#F0F3F6"7 >8...
Android布局layout点击效果Alpha实现
Yvan
08-02 1257
今天在优化项目的时候，思考了一下能不能给layout textview imageview加一些点击效果呢。 下面有好几种layout textview imageview点击效果的实现方法： 定义drawable的两种shape，一个按压xml一个正常xml文件（此方法不通用，比如有倒圆角的背景就得重新定义） 也是定义drawable，使用5.0之后的波纹效果（Ripple） 外面套一层...
实现Android可扩展按钮菜单的ExpandableButtonMenu库
1. **可扩展按钮菜单（ExpandableButtonMenu）**: 是一种用户界面元素，它以一个按钮的形式出现在界面上，当用户与之交互时（通常是点击），该按钮能够展开展示出更多的按钮选项。这种设计使得界面在有限的空间内...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值