Android更多条目收缩展开控件ExpandView

在Android开发中，我们经常使用列表控件，而有时候列表控件条目中又会是多条目数据，这时候，我们无法确定每个条目的数据多少，而为了美观，我们就希望条目统一高度，多数据的条目能够进行折叠、展开。今天，就为大家介绍一个这样的自定义控件ExpandView。

效果演示图

演示图

Android Studio集成方式

dependencies{
      compile 'com.wkp:ExpandView:1.0.4'
      //Android Studio3.0+可用以下方式
      //implementation 'com.wkp:ExpandView:1.0.4'
}

Note：使用版本请以Github为准。

使用详解

1.属性讲解

        <!--每行字段数-->
        <attr name="wkp_column" format="integer"/>
        <!--最少显示行数-->
        <attr name="wkp_rowMin" format="integer"/>
        <!--条目间距-->
        <attr name="wkp_space" format="dimension"/>
        <!--条目动画时长,0为无动画-->
        <attr name="wkp_itemDuration" format="integer"/>
        <!--条目高度-->
        <attr name="wkp_itemHeight" format="dimension"/>
        <!--“更多”按钮图片-->
        <attr name="wkp_moreButtonImg" format="reference"/>
        <!--“更多”按钮文本-->
        <attr name="wkp_moreButtonText" format="string"/>
        <!--显示文本模式时的条目背景色-->
        <attr name="wkp_textBgColor" format="color"/>
        <!--显示文本模式时的条目文本颜色-->
        <attr name="wkp_textColor" format="color"/>
        <!--显示文本模式时的文本大小-->
        <attr name="wkp_textSize" format="dimension"/>
        <!--显示文本模式时的条目背景图-->
        <attr name="wkp_textBgRes" format="reference"/>

2.布局示例

    图1布局
    <com.wkp.expandview_lib.view.ExpandView
        app:wkp_textSize="@dimen/size_16sp"
        app:wkp_column="3"
        app:wkp_rowMin="3"
        app:wkp_itemHeight="120dp"
        app:wkp_textBgRes="@drawable/text_bg"
        android:id="@+id/ev"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

    </com.wkp.expandview_lib.view.ExpandView>

    图2布局
    <com.wkp.expandview_lib.view.ExpandView
        app:wkp_textSize="@dimen/size_16sp"
        app:wkp_column="4"
        app:wkp_rowMin="2"
        app:wkp_itemHeight="120dp"
        app:wkp_textBgRes="@drawable/text_bg"
        android:id="@+id/ev"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        
    </com.wkp.expandview_lib.view.ExpandView>

3.代码示例

public class MainActivity extends AppCompatActivity {

    private static final String[] items = {"雨水滴在我的外套", "已找到", "每分每秒", "来啊，互相伤害啊", "等你到天涯海角", "遇见了你才知道你对我多重要",
            "123", "456", "789", "abc", "def", "收起"};

    private static final String[] items1 = {"雨水滴在我的外套1", "已找到1", "每分每秒1", "来啊，互相伤害啊1", "等你到天涯海角1", "遇见了你才知道你对我多重要1",
            "123", "456", "789", "abc1", "def1", "收起1"};

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        final ExpandView expandView = (ExpandView) findViewById(R.id.ev);
        //设置数据
        expandView.setTextItems(items);
        //测试当在ListView中条目复用问题
        expandView.setTextItems(items1);
        //测试未展开下调用收起的效果
        expandView.packUpItems();
        //条目点击监听
        expandView.setOnItemClickListener(new ExpandView.OnItemClickListener() {
            @Override
            public void onItemClick(View view, ViewGroup parent, int position) {
                if (position == items.length - 1) {
                    //收起隐藏条目
                    expandView.packUpItems();
                }
            }
        });
    }
}

结语

控件支持直接代码创建，还有更多API请观看ExpandView.java内的注释说明。
欢迎大家使用Github地址，感觉好用请给个Star鼓励一下，谢谢！
大家如果有更好的意见或建议以及好的灵感，请邮箱作者，谢谢！
QQ邮箱：1535514884@qq.com
163邮箱：15889686524@163.com
Gmail邮箱：wkp15889686524@gmail.com

最后编辑于：2018.01.30 13:29:55