TabHost+expandablelistview

最新推荐文章于 2024-10-16 17:45:37 发布
最新推荐文章于 2024-10-16 17:45:37 发布
阅读量439 收藏
点赞数
分类专栏： android 控件 文章标签： android tabhost expandablelistview

2.png

1 小时前 上传
下载附件 (90.07 KB)

1通过布局显示内容：

Xml：

<?xml version="1.0"encoding="utf-8"?>

<TabHostxmlns:android="http://schemas.android.com/apk/res/android"

   android:id="@+id/tabHost"

   android:layout_width="fill_parent"

   android:layout_height="fill_parent"

   >

   <LinearLayout

       android:layout_width="fill_parent"

       android:layout_height="fill_parent"

       androidrientation="vertical">

      

       <TabWidget

           android:id="@android:id/tabs"  android提供的规范必须有，相当于标识位

           android:layout_width="fill_parent"

           android:layout_height="wrap_content"/>

        

       <FrameLayout

           android:id="@android:id/tabcontent"   android提供的规范

           android:layout_width="fill_parent"

           android:layout_height="fill_parent">

           

           <LinearLayout

                android:id="@+id/line1"

               android:layout_width="fill_parent"

               android:layout_height="fill_parent">

               

                <TextView

                   android:layout_width="fill_parent"

                    android:layout_height="wrap_content"

                    android:text="one"/>

           </LinearLayout>

           <LinearLayout

               android:id="@+id/line2"

               android:layout_width="fill_parent"

               android:layout_height="fill_parent">

               

                <TextView

                   android:layout_width="fill_parent"

                   android:layout_height="wrap_content"

                    android:text="two"/>

           </LinearLayout>

           <LinearLayout

                android:id="@+id/line3"

               android:layout_width="fill_parent"

               android:layout_height="fill_parent">

               

                <TextView

                   android:layout_width="fill_parent"

                    android:layout_height="wrap_content"

                    android:text="three"/>

           </LinearLayout>

           

       </FrameLayout>

   </LinearLayout>

</TabHost>

Acivity

public class MainActivity extends Activity{

      

   private TabHost mTabHost;

       /**Called when the activity is first created. */

   @Override

   public void onCreate(Bundle savedInstanceState) {

       super.onCreate(savedInstanceState);

       setContentView(R.layout.main);

      

       mTabHost = (TabHost) findViewById(R.id.tabHost);

       //初始化信息

       mTabHost.setup();

      

       //创建选项卡

       TabSpec tab1 = mTabHost.newTabSpec("tab1");

       //头信息

       tab1.setIndicator("首页", getResources().getDrawable(R.drawable.i1));

       //内容

       tab1.setContent(R.id.line1);

       mTabHost.addTab(tab1);

      

       //创建选项卡

       TabSpec tab2 = mTabHost.newTabSpec("tab2");

       //头信息

       tab2.setIndicator("第二页", getResources().getDrawable(R.drawable.i2));

       //内容

       tab2.setContent(R.id.line2);

       mTabHost.addTab(tab2);

      

       //创建选项卡

       TabSpec tab3 = mTabHost.newTabSpec("tab3");

       //头信息

       tab3.setIndicator("第三页", getResources().getDrawable(R.drawable.i3));

       //内容

       tab3.setContent(R.id.line3);

       mTabHost.addTab(tab3);

    }

}

2 通过Acivity显示内容

这样便于维护，适于做逻辑复杂的处理。

Xml

<?xml version="1.0"encoding="utf-8"?>

<TabHostxmlns:android="http://schemas.android.com/apk/res/android"

   android:id="@+id/tabHost"

   android:layout_width="fill_parent"

   android:layout_height="fill_parent"

   >

   <LinearLayout

       android:layout_width="fill_parent"

       android:layout_height="fill_parent"

       androidrientation="vertical">

      

       <TabWidget

           android:id="@android:id/tabs"

           android:layout_width="fill_parent"

           android:layout_height="wrap_content"/>

      

       <FrameLayout

           android:id="@android:id/tabcontent"

           android:layout_width="fill_parent"

           android:layout_height="fill_parent"/>

   </LinearLayout>

</TabHost>

acivity

//ActivityGroup 能过管理多个Activity

public class MainActivity2 extends ActivityGroup {

      

   private TabHost mTabHost;

       /**Called when the activity is first created. */

   @Override

    public void onCreate(BundlesavedInstanceState) {

       super.onCreate(savedInstanceState);

       setContentView(R.layout.main2);

      

       mTabHost = (TabHost) findViewById(R.id.tabHost);

       //初始化信息

       mTabHost.setup(getLocalActivityManager());

      

       //创建选项卡

       TabSpec tab1 = mTabHost.newTabSpec("tab1");

       //头信息

       tab1.setIndicator("首页", getResources().getDrawable(R.drawable.i1));

       //内容

       tab1.setContent(newIntent(this,Activity1.class));    要求参数：Intent

       mTabHost.addTab(tab1);

      

       //创建选项卡

       TabSpec tab2 = mTabHost.newTabSpec("tab2");

       //头信息

       tab2.setIndicator("第二页", getResources().getDrawable(R.drawable.i2));

       //内容

       tab2.setContent(new Intent(this,Activity2.class));

       mTabHost.addTab(tab2);

      

       //创建选项卡

       TabSpec tab3 = mTabHost.newTabSpec("tab3");

       //头信息

       tab3.setIndicator("第三页", getResources().getDrawable(R.drawable.i3));

       //内容

       tab3.setContent(new Intent(this,Activity3.class));

       mTabHost.addTab(tab3);

    }

}

3 自定义头部信息

头部xml

<?xml version="1.0"encoding="utf-8"?>

<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"

   android:layout_width="match_parent"

   android:layout_height="match_parent"

   androidrientation="vertical"

   android:background="@drawable/bg">

   <TextView

       android:id="@+id/tv_info"

       android:layout_width="fill_parent"

       android:layout_height="fill_parent"

       android:gravity="center"

       android:textColor="@android:color/white"

       android:textSize="22sp"/>

</LinearLayout>

颜色选择器xml

<?xml version="1.0" encoding="utf-8"?>

<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:state_selected="true"android:drawable="@drawable/bg_selected"/>

    <item android:drawable="@drawable/bg_normal"></item>

</selector>

Acivity

tab3.setIndicator(createView("第一页")); 要求参数：view

public View createView(Stringtext){

        LayoutInflatermInflater = getLayoutInflater();

        Viewview = mInflater.inflate(R.layout.header, null);

    TextView tv_info = (TextView)view.findViewById(R.id.tv_info);

        tv_info.setText(text);

        return view;

    }

4 不需要布局文件

public class MyTabHostActivity extends TabActivity {

      

       @Override

       protectedvoid onCreate(Bundle savedInstanceState) {

              // TODO Auto-generated method stub

              super.onCreate(savedInstanceState);

              不需要布局文件 只可以管理acitity内容

              TabHost tabHost = getTabHost();  

              

       }

}

Expandablelistview

Xml:

<?xml version="1.0"encoding="utf-8"?>

<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"

   android:layout_width="fill_parent"

   android:layout_height="fill_parent"

   androidrientation="vertical" >

   <ExpandableListView

       android:id="@+id/elv"

       android:layout_width="fill_parent"

       android:layout_height="wrap_content"

        />

</LinearLayout>

Activity

public class MainActivity extends Activity{

   /** Called when the activity is first created. */

   @Override

   public void onCreate(Bundle savedInstanceState) {

       super.onCreate(savedInstanceState);

       setContentView(R.layout.main);

      

       ExpandableListView elv = (ExpandableListView) findViewById(R.id.elv);

      

       File file = new File(getFilesDir(),"commonnum.db");

       ///data/data/包名/files

       if(!file.exists()){

        try {

                            //复制数据库

                            InputStreamis = getResources().getAssets().open("commonnum.db");

               得到数据用流写入///data/data/包名/files便于读取

                            byte[] buffer = new byte[1024];

                            int len = 0;

                            OutputStream os = newFileOutputStream(file);

                            while((len = is.read(buffer)) != -1){

                                   os.write(buffer,0, len);

                            }

                            is.close();

                            os.close();

                     }catch (Exception e) {

                            // TODO Auto-generated catch block

                            e.printStackTrace();

                     }

       }

      

      

List<Map<String,Object>> groupData= DataService.getGroupData(file.getAbsolutePath());

      

finalList<List<Map<String,Object>>> childData =DataService.getChildData(file.getAbsolutePath());

      

       SimpleExpandableListAdapter adapter = newSimpleExpandableListAdapter(

                this, 上下文

                groupData, 父级数据

                android.R.layout.simple_expandable_list_item_1,父级布局

                new String[]{"name"},  父级属性

                newint[]{android.R.id.text1}, 父级控件

                childData, 子级数据

                android.R.layout.simple_expandable_list_item_2,子级布局

                newString[]{"name","number"}, 子级属性

                newint[]{android.R.id.text1,android.R.id.text2}); 父级控件

        

        elv.setAdapter(adapter);

        

      

       elv.setOnChildClickListener(newExpandableListView.OnChildClickListener() {

                     

                     @Override

                     publicboolean onChildClick(ExpandableListView parent, View v,

                                   intgroupPosition, int childPosition, long id) {

                            // TODO Auto-generated method stub

                           

                            //拿到电话号码

                            String number =(String)childData.get(groupPosition).get(childPosition).get("number");

                           

                            //复制号码到拨号盘

                            Intent intent = new Intent();

                            intent.setAction(Intent.ACTION_DIAL);

                            intent.setData(Uri.parse("tel:"+number));

                            startActivity(intent);

                            return false;

                     }

              });

    }

}

DataService

public class DataService {

       /**

        * 得到组数据

        * @return

        */

       publicstatic List<Map<String,Object>> getGroupData(String path){

              

              List<Map<String,Object>> list= new ArrayList<Map<String,Object>>();

打开数据库

              SQLiteDatabase db=SQLiteDatabase.openDatabase(path,null, SQLiteDatabase.OPEN_READONLY);

              if(db.isOpen()){

                     Cursorc = db.query("classlist",

                                   newString[]{"idx","name"},

                                   null,null, null, null, null);

                     while(c.moveToNext()){

                            Map<String,Object> map = newHashMap<String, Object>();

                            map.put("idx",c.getString(c.getColumnIndex("idx")));

                            map.put("name",c.getString(c.getColumnIndex("name")));

                            list.add(map);

                     }

                     c.close();

                     db.close();

              }

              return list;

       }

      

      

       /**

        *得到子数据

        * @param path

        * @return

        */

       publicstatic List<List<Map<String,Object>>> getChildData(Stringpath){

              

              List<List<Map<String,Object>>>childData = new ArrayList<List<Map<String,Object>>>();

              

              SQLiteDatabase db =SQLiteDatabase.openDatabase(path, null, SQLiteDatabase.OPEN_READONLY);

              if(db.isOpen()){

                     

                     //父数据的大小 根据父数据查询子节点数据

                     List<Map<String,Object>>groupData = getGroupData(path);

                     intsize = groupData.size();

                     for(inti = 0;i < size;i++){

                            List<Map<String,Object>> list= new ArrayList<Map<String,Object>>();

                            Cursor c =db.query("table"+groupData.get(i).get("idx"),

                                          newString[]{"name","number"},

                                          null,

                                          null, null, null, null);

                            while(c.moveToNext()){

                                   Map<String,Object>map = new HashMap<String, Object>();

                                   map.put("name",c.getString(c.getColumnIndex("name")));

                                   map.put("number",c.getString(c.getColumnIndex("number")));

                                   list.add(map);

                            }

                            c.close();

                           

                            childData.add(list);

                     }

                     db.close();

              }

              

              return childData;

       }

}

课后问题

TabHost使用在什么情况？  

一个界面显示种不类型的内容时使用。

实现TabHost的两种方式

一种是自己写布局，一种是直接继承TabAcitity。 得到 TabHost对象

ExpandabledListView

树形菜单。

pjbwan
关注
专栏目录
ViewPager结合ExpandableListView实现页面滑动及二级菜单
02-08
利用ViewPager实现菜单栏和内容栏的左右滑动，同时菜单栏采用ExpandableListView实现二级菜单，点击菜单项，在右边的内容栏显示对应的数据。
ym——Android从零开始(20)(TabHost+ExpandableListView)(新)
陈宇明
08-08 1881
1通过布局显示内容： Xml：    android:id="@+id/tabHost"    android:layout_width="fill_parent"    android:layout_height="fill_parent"    >
androidTabhost界面切换
08-28
类似微信主界面，使用tabhost界面切换
教你用两层ExpandableListView嵌套GridView实现三级展示界面
code小生
12-04 1640
最近项目中使用一个三级展示列表，要求第一级和第二季都可以折叠，并有不同的图标变换，第三层展示数据，可点击。经过一盘折腾，算是实现了，效果就在下面： 思路： 最外层是ExpandableListView，它的子视图又是一个ExpandableListView,这个子ExpandableListView的子视图是我们的第三级展示界面，也就是GridView。分析清楚了之后，写起来就简
使用fragmentTableHost实现底部菜单栏
hypocrite
04-04 3786
1底部菜单的几种实现方式： TabHost+Activity RadioButton+Fragment 这种方法使用RadioGroup来实现RadioButton的互斥选择，而且需要在activity中实现和判断点击事件 FragmentTableHost+Fragment 这个就比较简单了，只需要在layout文件中定义fragmentTableHost（需要support v4包）
TabHost＋三种Listview
QuietHRH的博客
04-06 531
MainActivity:package com.example.tablehost;import android.support.v7.app.ActionBarActivity;import android.app.TabActivity;import android.content.Context;import android.database.DataSetObserver;import ...
Android零基础入门第70节：ViewPager轻松完成TabHost效果
鑫鱻的博客
09-28 1394
使用ViewPager轻松替代TabHost，开放性和灵活性更大。
Android零基础入门第63节：过时但仍值得学习的选项卡TabHost
weixin_30242907的博客
09-18 65
由于前几天参加一个学习培训活动，几乎每天都要从早晨7点到晚上一两点，没有什么时间来分享，实在抱歉中间断更了几天。从今天开始恢复分享，更多精彩敬请期待。 今天来了解一个过时的组件，了解的目的不是学会用起来开发，而是了解这种界面的设计和其特点，后期可以用其他方式来替代。 一、TabHost概述 TabHost是一种非常实用的组件，TabHost可以很方...
ExpandableListView和Tobhost的简单用法
jileshijiedejike的专栏
07-19 699
初次写博文，只是将自己和朋友平时的一点积累  给大家 供大家来学习 ，此次的学习目的主要是针对ExpandableListView和Tobhost的学习。实现一个简单的音乐播放器界面。         ExpandableListView的里面实现主要是遍历本地SD卡的里面的歌曲，然后根据“歌手”歌名等显示在可扩展的LIstview里面。  遇到的难点：1.getChildView和getCh
自定义TabHost
11-29
在`ListView`中，还可以利用`Header/Footer`功能添加额外的视图，或者使用`ExpandableListView`实现可展开/折叠的子项。`GridView`则可以通过设置`numColumns`属性来调整列数。如果需要更复杂的交互，可以考虑使用`...
很不错的学习demo
11-14
里面有很多有用的方法，如1、ExpandableListView 的使用；2、gridview listview和scrollview的冲突解决；3、登录，注册等共同页面；4、微博类似不错的tabhost，自己认为写的很不错。5、还有几个工具类。 下载后即可...
Android 进阶技术汇总一： 个性化控件(View) 方案汇总
caobaokang的专栏
03-24 988
前言：个性化控件(View)： 主要介绍那些不错个性化的View，包括ListView、ActionBar、Menu、ViewPager、Gallery、GridView、ImageView、ProgressBar、TextView、ScrollView、TimeView、TipView、FlipView、ColorPickView、GraphView、UI Style等等。 一、Lis...
ym——android源码大放送（实战开发必备）
热门推荐
陈宇明
08-10 4万+
文件夹 PATH 列表 卷序列号为 000A-8F50 E:. │  javaapk.com文件列表生成工具.bat │  使用说明.txt │  免费下载更多源码.url │  目录列表.txt │   ├─android web应用 │      jqmDemo_static.zip │      jqmMobileDemo-master.zip │      jqmMo
Android[BLE] BluetoothDeivce.connectGatt函数中的autoConnect可能出现的问题
weixin_38622593的博客
10-15 337
autoConnect可能出现的问题
Android：记录一个打包发布版的release包以后闪退的问题
Spy003的博客
10-13 532
个人感觉其实release闪退的问题挺难排查的，因为release包运行起来as捕获不到相应的应用程序进程，从而不易查看到日志，也是我玩得不溜，大家有不同的方法可以评论区探讨，我也定期回复一些评论一起讨论。
【Rockchip android10 Root Permission root权限】
最新发布
无法支撑我那丰满的欲望和消瘦的理想
10-16 393
【代码】【Rockchip android10 Root Permission root权限】
SQLite数据库在Android中的应用及操作方式
Good_tea_h的博客
10-14 785
SQLite数据库在Android中的应用非常广泛，它作为一个轻量级的关系型数据库，以其高效、可靠和易于使用的特点，成为了Android平台上存储和管理数据的首选方案。以下是对SQLite数据库在Android中的应用及操作方式的详细介绍。
android:launchMode=“singleInstancePerTask“
Steve_XiaoHai的博客
10-15 404
提供了一种灵活的机制，允许多个任务分别拥有一个独立的 Activity 实例。与相比，它允许在不同的任务中创建多个实例，而不是全系统只允许一个实例。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值