Adroid 展开收起效果实现
Layout
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin"
tools:context=".ExpandableListViewActivity"> <ExpandableListView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:id="@+id/ecpandable"
/>
</RelativeLayout>
JAVA代码 package com.example.wequst.test2; import android.app.Activity;
import android.app.AlertDialog;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AbsListView;
import android.widget.BaseExpandableListAdapter;
import android.widget.ExpandableListAdapter;
import android.widget.ExpandableListView;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener; public class ExpandableListViewActivity extends Activity { @Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_expandable_list_view);
/**BaseExpandableListAdapter实现了ExpandableListAdapter*/
final ExpandableListAdapter adapter = new BaseExpandableListAdapter(){ /**----------定义数组-------------------------------------------------------------------*/
private int[] images = new int[]{
R.drawable.ic_launcher,
R.drawable.ic_launcher,
R.drawable.ic_launcher
};
private String[] armTypes = new String[]{
"神族","虫族","人族"
};
private String[][] arms = new String[][]{
{"狂战士","龙骑士","黑暗圣堂"},
{"小狗","飞龙","自爆妃子"},
{"步兵","伞兵","护士mm"}
}; /*===========组元素表示可折叠的列表项,子元素表示列表项展开后看到的多个子元素项=============*/ /**----------得到armTypes和arms中每一个元素的ID-------------------------------------------*/ //获取组在给定的位置编号,即armTypes中元素的ID
@Override
public long getGroupId(int groupPosition) {
return groupPosition;
} //获取在给定的组的儿童的ID,就是arms中元素的ID
@Override
public long getChildId(int groupPosition, int childPosition) {
return childPosition;
} /**----------根据上面得到的ID的值,来得到armTypes和arms中元素的个数 ------------------------*/ //获取的群体数量,得到armTypes里元素的个数
@Override
public int getGroupCount() {
return armTypes.length;
} //取得指定组中的儿童人数,就是armTypes中每一个种族它军种的个数
@Override
public int getChildrenCount(int groupPosition) {
return arms[groupPosition].length;
} /**----------利用上面getGroupId得到ID,从而根据ID得到armTypes中的数据,并填到TextView中 -----*/ //获取与给定的组相关的数据,得到数组armTypes中元素的数据
@Override
public Object getGroup(int groupPosition) {
return armTypes[groupPosition];
} //获取一个视图显示给定组,存放armTypes
@Override
public View getGroupView(int groupPosition, boolean isExpanded,
View convertView, ViewGroup parent) {
TextView textView = getTextView();//调用定义的getTextView()方法
textView.setText(getGroup(groupPosition).toString());//添加数据
return textView;
} /**----------利用上面getChildId得到ID,从而根据ID得到arms中的数据,并填到TextView中---------*/ //获取与孩子在给定的组相关的数据,得到数组arms中元素的数据
@Override
public Object getChild(int groupPosition, int childPosition) {
return arms[groupPosition][childPosition];
} //获取一个视图显示在给定的组 的儿童的数据,就是存放arms
@Override
public View getChildView(int groupPosition, int childPosition, boolean isLastChild,
View convertView, ViewGroup parent) {
LinearLayout ll = new LinearLayout(ExpandableListViewActivity.this);
ImageView logo = new ImageView(ExpandableListViewActivity.this);
logo.setImageResource(images[groupPosition]);//添加图片
ll.addView(logo);
TextView textView = getTextView();//调用定义的getTextView()方法
textView.setText(getChild(groupPosition,childPosition).toString());//添加数据
ll.addView(textView);
return ll;
} /**------------------自定义一个设定TextView属性的方法----------------------------------------------*/ //定义一个TextView
private TextView getTextView(){
AbsListView.LayoutParams lp = new AbsListView.LayoutParams(ViewGroup.LayoutParams.FILL_PARENT,100);
TextView textView = new TextView(ExpandableListViewActivity.this);
textView.setLayoutParams(lp);
textView.setPadding(70, 0, 0, 0);
textView.setTextSize(20);
return textView;
} /**-------------------其他设置-------------------------------------------------------------------*/ //孩子在指定的位置是可选的,即:arms中的元素是可点击的
@Override
public boolean isChildSelectable(int groupPosition,
int childPosition) {
return true;
} //表示孩子是否和组ID是跨基础数据的更改稳定
public boolean hasStableIds() {
return true;
}
}; /**使用适配器*/
final ExpandableListView expandListView = (ExpandableListView) this.findViewById(R.id.ecpandable);
expandListView.setAdapter(adapter); expandListView.setOnChildClickListener(new ExpandableListView.OnChildClickListener() {
@Override
public boolean onChildClick(ExpandableListView parent, View v,
int groupPosition, int childPosition, long id) {
return true;
}
}); expandListView.setOnGroupClickListener(new ExpandableListView.OnGroupClickListener() {
@Override
public boolean onGroupClick(ExpandableListView parent, View v,
int groupPosition, long id) { int i=adapter.getChildrenCount(groupPosition);
if(i==0)
{ }
return false; //默认为false,设为true时,点击事件不会展开Group
}
});
} }
Adroid 展开收起效果实现的更多相关文章
- js 展开/收起效果
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- javascript 特效实现(1)——展开选项和收起效果
知识点:javascript事件:判断当前展开收起状态:延迟执行setTimeout方法. 1.简单的展开和收起效果: 1.1 静态结构HTML代码分析 body包含最外层的div id=" ...
- css之实现下拉框自上而下展开动画效果&&自下而上收起动画效果
HTML代码: <div className={CX('font-size-selector-sub-list', { show: shouldSubListShow === true, hid ...
- 不使用字体图标和图片,只使用css如何做出展开收起的效果
<i class="iconArrow" :class="[ littleNavState === item.meta.id ? 'arrowOpen' : '' ...
- HTML-003-模拟IDE代码展开收起功能简单示例
当先我们在日常的编程开发工作中使用编程工具(例如 Eclipse.Sublime 等等)都有相应的代码折叠展开功能,如下图所示,极大的方便了我们的编码工作.
- [TimLinux] CSS 纯CSS实现动画展开/收起功能
内容转自CSS世界,理解之后进行了简化,简化后代码: <!DOCTYPE html> <html> <head> <meta charset=utf-8 /& ...
- javasript简单实现文字的展开收起(无动画)
今天在工作遇到展开和收起的需求,在网上找了很多方法,今天来写一下我觉得比较简单的方法 在项目中需要达到如图这种效果 首先想的是使用overflow简单且粗暴,在需要展开的的文字定义样式 { overf ...
- el-upload上传列表实现 展开 收起
# el-upload上传列表实现 展开 收起 #### 无图言*,所以先上最终效果图(想参考代码的可以直接滑到最后) ### 具体实现思路 注意: 每个人的项目环境以及需求,都不尽相同,所以这里仅仅 ...
- jquery 展开关闭效果
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
随机推荐
- filter过滤器怎么写
package com.wh.filter; import java.io.IOException;import javax.servlet.Filter;import javax.servlet.F ...
- eclipse自动补全快捷键失效,sysout用不了!
好久没写Java代码了,使用新版Neon的Eclipse Java EE IDE开发时,自动补全各种失败,sysout也各种用不了, 开始还以为是电脑卡比呢,原来是版本的快捷键不同了,修改方法如下! ...
- gulp使用引导
全局安装npm install –g gulp 安装到本地 npm install gulp –save-dev 新建gulpfile.js 编写文件内容并运行 var gulp = requi ...
- CentOS 6.5下Zabbix的安装配置
1.确保开发环境lamp已经安装 2.下载zabbix 官方下载地址:http://www.zabbix.com/download.php 选择和自己系统对应的版本,这里选择安装与Linux内核为2. ...
- android下面使用SurfaceView+ mediaPlayer播放视频
final SurfaceView surfaceView = new SurfaceView(StartupActivity.this); StartupActivity.this.mediaPla ...
- Azure Virtual Machine 之 如何利用Management Class Libraries 创建VM
之前发的blog简单的介绍了如何使用Management Class Libraries 来控制Azure platform. 但由于官方并没有提供文档,所以我们只能够通过自己研究来摸索使用该类库的方 ...
- JQUERY PLUGIN:BARCODE条形码插件
1)query.barcode.js安装 同其他jquery插件一样,只需要将jquery框架和jquery.barcode.js导入页面即可. <script type="text/ ...
- MVC2,MVC3,MVC4和MVC5的不同
现在MVC的技术日趋成熟,面对着不同版本的MVC大家不免有所迷惑 -- 它们之间有什么不同呢?下面我把我搜集的信息汇总一下,以便大家能更好的认识不同版本MVC的功能,也便于自己查阅. View Eng ...
- pt-online-schema-change原理解析
都说pt-toolkit工具集中的pt-online-schema-change可以在线不锁表修改表结构,那么这个工具具体是什么原理呢,请见下面娓娓道来: 1.pt-online-schema-cha ...
- Volley 实现原理图
1.启动requestQueue 2. 添加请求 3. 启动cacheDispatcher 4.启动networkDispatcher 5. 数据分发