Android UI Libs之ExpandableLayout

作者: lavor | 来源:发表于2016-05-23 19:34 被阅读1919次

    Android UI Libs之ExpandableLayout


    1. 说明


    ExpandableLayout,顾名思义,可扩展的布局,是一个可以帮助我们实现折叠功能的第三方库,折叠时,只显示头部,打开时,显示头部与内容。

    2. 配置


    在模块中添加依赖:compile 'com.github.traex.expandablelayout:library:1.2.2'

    因为添加依赖的aar文件中设置了应用程序图标,所以我们要在清单文件AndroidManifest.xmlmanifest里面添加xmlns:tools="http://schemas.android.com/tools",application里面面添加上tools:replace="android:icon",不然会有冲突。

    3. 使用方法


    扩展单个内容时使用ExpandableLayoutItem,扩展ListView时使用ExpandableLayoutListView

    1. 扩展单个内容


    扩展单个内容时的xml布局,expandable:headerLayout代表头部,expandable:contentLayout代表内容
    xmlns:expandable="http://schemas.android.com/apk/res-auto"

        <com.andexert.expandablelayout.library.ExpandableLayout
            android:id="@+id/first"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            expandable:headerLayout="@layout/view_header"
            expandable:contentLayout="@layout/view_content"
            android:background="#e74c3c"/>  
    

    2. 扩展Listview


    扩展ListView时的xml布局,expandable:headerLayout代表头部,expandable:contentLayout代表内容

        <com.andexert.expandablelayout.library.ExpandableLayoutListView
            android:id="@+id/list_view"
            android:layout_width="match_parent"
            android:layout_height="match_parent">
        </com.andexert.expandablelayout.library.ExpandableLayoutListView>  
    

    ListView中item对应的xml布局文件如下:

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:expandable="http://schemas.android.com/apk/res-auto"
        android:orientation="vertical" android:layout_width="match_parent"
        android:layout_height="match_parent">
        <com.andexert.expandablelayout.library.ExpandableLayoutItem
            android:id="@+id/row"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            expandable:headerLayout="@layout/view_header"
            expandable:contentLayout="@layout/view_content"
            android:background="#e74c3c"/>
    </LinearLayout>  
    

    java文件中的相关代码:

        private String[] array={"微信公众号","Android技术漫谈","Android","Android开发"};
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            final ArrayAdapter<String> arrayAdapter = new ArrayAdapter<String>(this, R.layout.list_item, R.id.header_text, array);
            final ExpandableLayoutListView expandableLayoutListView = (ExpandableLayoutListView) findViewById(R.id.list_view);
            expandableLayoutListView.setAdapter(arrayAdapter);
        }  
    

    注意:如果ExpandableLayoutListView中的item中有EditView,那么ExpandableLayoutListView要设置android:windowSoftInputMode="adjustPan"来阻止自身的重绘与item的关闭

    程序源代码下载:https://github.com/lavor-zl/UILibs

    相关文章

      网友评论

      • fe2a5bcdf6ea:这个里面有办法添加数据吗?
      • c89d1474622b:ExpandableListView不也能解决吗,两者不差不多嘛?
        lavor:@c89d1474622b 是的,不过ExpandableListView的使用相对复杂很多
      • 路痴欧巴:卧槽,早点出这个啊。。。我也不用listview嵌套listview了。。。
        lavor:@路痴欧巴 只能说相见恨晚啊!

      本文标题:Android UI Libs之ExpandableLayout

      本文链接:https://www.haomeiwen.com/subject/qunarttx.html