在Android開發(fā)中褐墅，我們經(jīng)常使用列表控件痴颊，而有時(shí)候列表控件條目中又會(huì)是多條目數(shù)據(jù)赏迟，這時(shí)候，我們無(wú)法確定每個(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'
}
Note：使用版本請(qǐng)以Github為準(zhǔn)突想。
使用詳解
- 1.屬性講解
<!--每行字段數(shù)-->
<attr name="wkp_column" format="integer"/>
<!--最少顯示行數(shù)-->
<attr name="wkp_rowMin" format="integer"/>
<!--條目間距-->
<attr name="wkp_space" format="dimension"/>
<!--條目動(dòng)畫時(shí)長(zhǎng),0為無(wú)動(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 = {"雨水滴在我的外套", "已找到", "每分每秒", "來(lái)啊，互相傷害啊", "等你到天涯海角", "遇見了你才知道你對(duì)我多重要",
"123", "456", "789", "abc", "def", "收起"};
private static final String[] items1 = {"雨水滴在我的外套1", "已找到1", "每分每秒1", "來(lái)啊究抓，互相傷害啊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);
//測(cè)試當(dāng)在ListView中條目復(fù)用問(wèn)題
expandView.setTextItems(items1);
//測(cè)試未展開下調(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é)語(yǔ)
控件支持直接代碼創(chuàng)建猾担，還有更多API請(qǐng)觀看ExpandView.java內(nèi)的注釋說(shuō)明。
歡迎大家使用Github地址刺下，感覺好用請(qǐng)給個(gè)Star鼓勵(lì)一下绑嘹，謝謝！
大家如果有更好的意見或建議以及好的靈感橘茉，請(qǐng)郵箱作者工腋，謝謝姨丈！
QQ郵箱：1535514884@qq.com
163郵箱：15889686524@163.com
Gmail郵箱：wkp15889686524@gmail.com
