Android更多條目收縮展開控件ExpandView的示例代碼

更新時(shí)間：2018年01月27日 08:40:36 作者：wkp111

本篇文章主要介紹了Android更多條目收縮展開控件ExpandView的示例代碼，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧

在Android開發(fā)中，我們經(jīng)常使用列表控件，而有時(shí)候列表控件條目中又會(huì)是多條目數(shù)據(jù)，這時(shí)候，我們無法確定每個(gè)條目的數(shù)據(jù)多少，而為了美觀，我們就希望條目統(tǒng)一高度，多數(shù)據(jù)的條目能夠進(jìn)行折疊、展開。今天，就為大家介紹一個(gè)這樣的自定義控件 ExpandView 。

效果演示圖

演示圖

Android Studio集成方式

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

使用詳解

1.屬性講解

<!--每行字段數(shù)-->
    <attr name="wkp_column" format="integer"/>
    <!--最少顯示行數(shù)-->
    <attr name="wkp_rowMin" format="integer"/>
    <!--條目間距-->
    <attr name="wkp_space" format="dimension"/>
    <!--條目動(dòng)畫時(shí)長,0為無動(dòng)畫-->
    <attr name="wkp_itemDuration" format="integer"/>
    <!--條目高度-->
    <attr name="wkp_itemHeight" format="dimension"/>
    <!--“更多”按鈕圖片-->
    <attr name="wkp_moreButtonImg" format="reference"/>
    <!--“更多”按鈕文本-->
    <attr name="wkp_moreButtonText" format="string"/>
    <!--顯示文本模式時(shí)的條目背景色-->
    <attr name="wkp_textBgColor" format="color"/>
    <!--顯示文本模式時(shí)的條目文本顏色-->
    <attr name="wkp_textColor" format="color"/>
    <!--顯示文本模式時(shí)的文本大小-->
    <attr name="wkp_textSize" format="dimension"/>
    <!--顯示文本模式時(shí)的條目背景圖-->
    <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 = {"雨水滴在我的外套", "已找到", "每分每秒", "來啊，互相傷害啊", "等你到天涯海角", "遇見了你才知道你對(duì)我多重要",
      "123", "456", "789", "abc", "def", "收起"};

  private static final String[] items1 = {"雨水滴在我的外套1", "已找到1", "每分每秒1", "來啊，互相傷害啊1", "等你到天涯海角1", "遇見了你才知道你對(duì)我多重要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);
    //設(shè)置數(shù)據(jù)
    expandView.setTextItems(items);
    //測試當(dāng)在ListView中條目復(fù)用問題
    expandView.setTextItems(items1);
    //測試未展開下調(diào)用收起的效果
    expandView.packUpItems();
    //條目點(diǎn)擊監(jiān)聽
    expandView.setOnItemClickListener(new ExpandView.OnItemClickListener() {
      @Override
      public void onItemClick(View view, ViewGroup parent, int position) {
        if (position == items.length - 1) {
          //收起隱藏條目
          expandView.packUpItems();
        }
      }
    });
  }
}

結(jié)語

控件支持直接代碼創(chuàng)建，還有更多API請(qǐng)觀看 ExpandView.java 內(nèi)的注釋說明。

github地址：https://github.com/wkp111/ExpandView

以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: