可折叠按钮

最新推荐文章于 2024-04-28 15:02:31 发布

原创

最新推荐文章于 2024-04-28 15:02:31 发布 · 2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#可扩展布局

本文介绍了如何实现一个自定义的可折叠按钮，通过分析需求并分解为两部分：图片旋转缩放和非图片区域的展开/收起。详细讲解了布局设计、动画实现、属性动画的应用以及自定义视图的扩展，提供了完整代码示例，帮助读者理解这种可扩展布局的实现方式。

# 自定义可折叠按钮(改进版)

长期潜水看公众号,在上月底,看到写自定义可折叠按钮的文章,一看觉得效果还可以,就仔细看了一下,看着看着,却发现…这样做是不是有点画蛇添足,浪费时间不说,可扩展性也不好啊.

基于学习(怼作者)的目的,花了点时间去验证了一下,分享给大家,欢迎大家搞基(来怼我啊).

参照效果原文地址: [ 自定义可折叠按钮]

效果图祭天:

效果图

需求分解

仔细看效果图,我们可以知道整个view的效果,大概可以分为2部分 :

左侧图片旋转和缩放
非图片区域展开/收起

就这么简单?

需求实现

先把布局画出来
新建布局文件 “view_button_expand.xml”


<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/mRootView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical">

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:layout_centerVertical="true"
        android:scaleX="0.8"
        android:scaleY="0.8"
        android:scaleType="fitXY"
        android:src="@drawable/test" />

    <LinearLayout
        android:id="@+id/mLinearLayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_marginRight="10dp"
        android:layout_toRightOf="@+id/imageView"
        android:gravity="center_vertical"
        android:orientation="horizontal">

        <TextView
                android:id="@+id/textView"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:maxLines="1"
                android:paddingLeft=

最低0.47元/天解锁文章