Android更多条目收缩展开控件ExpandView的示例代码

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

效果演示图

演示图

Android Studio集成方式

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

使用详解

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地址:https://github.com/wkp111/ExpandView

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • Android更多条目收缩展开控件ExpandView的示例代码

    在Android开发中,我们经常使用列表控件,而有时候列表控件条目中又会是多条目数据,这时候,我们无法确定每个条目的数据多少,而为了美观,我们就希望条目统一高度,多数据的条目能够进行折叠.展开.今天,就为大家介绍一个这样的自定义控件 ExpandView. 效果演示图 演示图 Android Studio集成方式 dependencies{ compile 'com.wkp:ExpandView:1.0.4' //Android Studio3.0+可用以下方式 //implementation

  • Qt实现拖动单个控件移动的示例代码

    目录 1.设置窗口拖拽属性 2.创建初始控件 3.选中控件进行拖动 3.1响应mousePressEvent事件 3.2判断控件拖动 3.3事件处理 3.4结束拖动 做惯了静态图,今天来搞一搞动态图吧,首先来个最基础的功能:如果让一个控件拖动起来. 展示效果: 按照以往简单的做法,使用mouseMoveEvent.mousePressEvent.mouseReleaseEvent也是可以实现的.这是最基础的移动做法. 今天,不使用那种简单的做法,采用Qt一种特有的拖动方法来实现! 使用QDrop

  • Android开发中自定义ProgressBar控件的方法示例

    本文实例讲述了Android开发中自定义ProgressBar控件的方法.分享给大家供大家参考,具体如下: 很简单,首先加载Drawable,在onMeasure设置好其区域大小, 然后使用canvas.clipRect绘图 public class ProgressView extends ImageView { private Drawable maskDraw; /** * 加载的进度 0-100 */ private int mProcess = 20; public ProgressV

  • Android官方的侧滑控件DrawerLayout的示例代码

    导语 侧滑控件,以前大家用的可能是三方的SlidingMenu控件,最近在看谷歌源码项目,意外的看到一个 DrawerLayout 控件.上网一查,原来这个控件是官方给我们提供的一个侧滑菜单控件.既然谷歌已经提供了一个侧滑控件,我们又何必去用一个三方的SlidingMenu控件来实现相同的效果.于是,我决定自己手敲一个Demo来实现看看. 1.DrawerLayout效果图 2.DrawerLayout 的介绍 DrawerLayout的官方文档介绍链接:http://androiddoc.qi

  • iOS中各种UI控件属性设置示例代码

    //视图已经加载完了,可以进行ui的添加了 - (void)viewDidLoad { [superviewDidLoad]; // Do any additional setup after loading the view. //初始化UILabel注意指定该对象的位置及大小 UILabel *lb = [[UILabelalloc]initWithFrame:CGRectMake(0,20,300,200)]; //设置文字 lb.text =@"label测试我在学习中学些ui stor

  • WPF实现控件拖动的示例代码

    实现控件拖动的基本原理是对鼠标位置的捕获,同时根据鼠标按键的按下.释放确定控件移动的幅度和时机. 简单示例: 在Grid中有一个Button,通过鼠标事件改编Button的Margin属性,从而改变Button在Grid中的相对位置. <Grid Name="gd"> <Button Width=90 Height=30 Name="btn">button</Button> </Grid> 为Button控件绑定三个事

  • Android自定义顶部导航栏控件实例代码

    下面一段代码给大家介绍了android 自定义顶部导航栏控件功能,具体代码如下所示: class HeaderBar @JvmOverloads constructor( context: Context, attrs: AttributeSet? = null, defStyleAttr: Int = 0 ) : FrameLayout(context, attrs, defStyleAttr) { //重写构造方法 在java里面 我们一般是重写三个构造方法//在kotlin中 我们可以使用

  • android应用开发之spinner控件的简单使用

    Android的控件有很多种,其中就有一个Spinner的控件,这个控件其实就是一个下拉显示列表.Spinner是位于 android.widget包下的,每次只显示用户选中的元素,当用户再次点击时,会弹出选择列表供用户选择,而选择列表中的元素同样来自适配器.Spinner是View类的一个子类. 先看spinner的效果图: 代码: MainActivity package com.mecury.spinnertest; import java.util.ArrayList; import a

  • Android开发之瀑布流控件的实现与使用方法示例

    本文实例讲述了Android开发之瀑布流控件的实现与使用方法.分享给大家供大家参考,具体如下: public class FlowLayout extends ViewGroup { /**行里子view之间的行距离*/ public int mHorizontolSpace = Util.getDimen(R.dimen.top_padding); /**行里子view之间的垂直距离*/ public int mVerticalSpace = Util.getDimen(R.dimen.top

  • 总结Android中MD风格相关控件

    要使用MD风格控件,首先需要在Gradle中加入Support Design Library,例如: compile 'com.android.support:design:24.1.1' 一.CoordinatorLayout 1.CoordinatorLayout + AppBarLayout 布局文件代码如下: <android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.

随机推荐