溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

Android更多條目收縮展開(kāi)控件ExpandView的示例代碼

發(fā)布時(shí)間：2020-08-21 13:20:11 來(lái)源：腳本之家 閱讀：139 作者：wkp111 欄目：移動(dòng)開(kāi)發(fā)

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

效果演示圖

Android更多條目收縮展開(kāi)控件ExpandView的示例代碼

演示圖

Android更多條目收縮展開(kāi)控件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)畫(huà)時(shí)長(zhǎng),0為無(wú)動(dòng)畫(huà)-->
    <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 = {"雨水滴在我的外套", "已找到", "每分每秒", "來(lái)啊，互相傷害啊", "等你到天涯海角", "遇見(jiàn)了你才知道你對(duì)我多重要",
      "123", "456", "789", "abc", "def", "收起"};

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

結(jié)語(yǔ)

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

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

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

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手