IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> 布局的点击特效缩放 -> 正文阅读

[JavaScript知识库]布局的点击特效缩放

这个添加一个button的点击特效

是在博客上看到的 这只是转载
上效果图
请添加图片描述

public class AnimRelativeLayout extends RelativeLayout {

    /**
     * 动画模式【true:华丽效果——缩放加方向】【false:只缩放】
     * 华丽效果:即点击控件的 上、下、左、右、中间时的效果都不一样
     * 普通效果:即点击控件的任意部位,都只是缩放效果,与 华丽效果模式下 点击控件中间时的动画一样
     **/
    private boolean superb = false;

    /**
     * 顶点判断【0:中间】【1:上】【2:右】【3:下】【4:左】
     **/
    private int pivot = 1;
    private AnimClickUtil bamAnim;

    public AnimRelativeLayout(Context context) {
        this(context,null);
        this.setClickable(true);
    }

    public AnimRelativeLayout(Context context, AttributeSet attrs) {
        this(context, attrs,0);
        this.setClickable(true);
    }

    public AnimRelativeLayout(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        this.setClickable(true);
        initView();
    }

    private void initView() {
        bamAnim = new AnimClickUtil();
    }

    /**
     * 打开/关闭华丽效果,默认时关闭的
     */
    public void openSuperb(boolean isOpen) {
        superb = isOpen;
    }

    @Override
    @SuppressLint("ClickableViewAccessibility")
    public boolean onTouchEvent(MotionEvent event) {
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                pivot = bamAnim.startAnimDown(this, superb, event.getX(), event.getY());
                break;
            case MotionEvent.ACTION_CANCEL:
                bamAnim.startAnimUp(this, pivot,false);
                break;
            case MotionEvent.ACTION_UP:
                bamAnim.startAnimUp(this, pivot,true);
                break;
            default:
                break;
        }
        return super.onTouchEvent(event);

    }

    public void setDownEndListener(AnimClickUtil.OnAnimEndListener listener) {
        bamAnim.setAnimEndListener(listener);
    }
}

具体使用 这里展示可以不用复制

<com.abroad.zqyears_java.view.home.view.AnimRelativeLayout
                    android:id="@+id/activity_subscription_content_month"
                    android:layout_width="match_parent"
                    android:layout_height="70dp"
                    android:layout_below="@+id/activity_subscription_content_year"
                    android:layout_marginLeft="30dp"
                    android:layout_marginTop="20dp"
                    android:layout_marginRight="30dp"
                    android:background="@drawable/subscription_button_bg_select_no"
                    android:descendantFocusability="blocksDescendants"
                    android:padding="2dp">

                    <RelativeLayout
                        android:layout_width="match_parent"
                        android:layout_height="match_parent"
                        android:background="@drawable/subscription_button_bg2">
                        <TextView
                            android:id="@+id/activity_subscription_content_month_text1"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_centerHorizontal="true"
                            android:layout_marginTop="11dp"
                            android:text="@string/解锁所有功能month"
                            android:textColor="@color/subscription_year_text1_color"
                            android:textSize="12sp" />
                        <TextView
                            android:id="@+id/month_price_text"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_below="@+id/activity_subscription_content_month_text1"
                            android:layout_centerHorizontal="true"
                            android:layout_marginTop="5dp"
                            android:text="@string/a24月无限修复"
                            android:textColor="@color/subscription_year_text1_color"
                            android:textSize="18sp"
                            android:textStyle="bold" />
                    </RelativeLayout>
                </com.abroad.zqyears_java.view.home.view.AnimRelativeLayout>

包裹住你想展示的内容就好
转载原文链接找不到了

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2022-02-22 20:29:58  更:2022-02-22 20:30:30 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 10:43:14-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码