Android 常用UI控件之TabHost(2)简单示例
1,布局
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/frgmt_main"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#FFFFFF" > <TabHost
android:id="@android:id/tabhost"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:clipChildren="true" > <RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<FrameLayout
android:id="@android:id/tabcontent"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_above="@android:id/tabs"> <!-- 注意此句,如果没有此句,当tab1,tab2...过高时,会TabWidget会盖住 -->
<!-- tab1,用include可以引用别处的layout -->
<include
android:id="@+id/tab_weixin"
android:layout_width="match_parent"
android:layout_height="match_parent"
layout="@layout/tab_weixin_layout" />
<!-- tab2,用include可以引用别处的layout -->
<include
android:id="@+id/tab_contacts"
android:layout_width="wrap_content"
android:layout_height="match_parent"
layout="@layout/tab_contacts_layout" />
<!-- tab3,用include可以引用别处的layout -->
<include
android:id="@+id/tab_discovery"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
layout="@layout/tab_discovery_layout" />
<!-- tab4,用include可以引用别处的layout -->
<include
android:id="@+id/tab_me"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
layout="@layout/tab_me_layout" />
</FrameLayout>
<TabWidget
android:id="@android:id/tabs"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#E0E0E0"
android:layout_alignParentBottom="true"
android:showDividers="none" >
</TabWidget>
</RelativeLayout>
</TabHost>
</FrameLayout>
2,在代码中初始化tab栏
void initTabHostTabs(LayoutInflater inflater){ tabHost.setup(); ScaleDrawable scale ;
TabSpec tab = tabHost.newTabSpec("weixin");
View tabView1 = inflater.inflate(R.layout.tab_indicator, null, false);
TextView tabTitle = (TextView) tabView1.findViewById(R.id.tab_title);
tabTitle.setText(R.string.tab_weixin);
ImageView tabIcon = (ImageView) tabView1.findViewById(R.id.tab_icon);
tabIcon.setImageResource(R.drawable.tab_weixin_scale);
scale = (ScaleDrawable) tabIcon.getDrawable();
scale.setLevel(); tab.setIndicator(tabView1);
tab.setContent(R.id.tab_weixin);
tabHost.addTab(tab); tab = tabHost.newTabSpec("contacts");
View tabView2 = inflater.inflate(R.layout.tab_indicator, null, false);
tabTitle = (TextView) tabView2.findViewById(R.id.tab_title);
tabTitle.setText(R.string.tab_contacts);
tabIcon = (ImageView) tabView2.findViewById(R.id.tab_icon);
tabIcon.setImageResource(R.drawable.tab_contacts_scale);
scale = (ScaleDrawable) tabIcon.getDrawable();
scale.setLevel(); tab.setIndicator(tabView2);
tab.setContent(R.id.tab_contacts);
tabHost.addTab(tab); tab = tabHost.newTabSpec("discovery");
View tabView3 = inflater.inflate(R.layout.tab_indicator, null, false);
tabTitle = (TextView) tabView3.findViewById(R.id.tab_title);
tabTitle.setText(R.string.tab_discovery);
tabIcon = (ImageView) tabView3.findViewById(R.id.tab_icon);
tabIcon.setImageResource(R.drawable.tab_discovery_scale);
scale = (ScaleDrawable) tabIcon.getDrawable();
scale.setLevel(); tab.setIndicator(tabView3);
tab.setContent(R.id.tab_discovery);
tabHost.addTab(tab); tab = tabHost.newTabSpec("me");
View tabView4 = inflater.inflate(R.layout.tab_indicator, null, false);
tabTitle = (TextView) tabView4.findViewById(R.id.tab_title);
tabTitle.setText(R.string.tab_me);
tabIcon = (ImageView) tabView4.findViewById(R.id.tab_icon);
tabIcon.setImageResource(R.drawable.tab_me_scale);
scale = (ScaleDrawable) tabIcon.getDrawable();
scale.setLevel(); tab.setIndicator(tabView4);
tab.setContent(R.id.tab_me);
tabHost.addTab(tab); /* 测试可以向右划动tab
for (int i = 0; i < 5; i++) {
tab = tabHost.newTabSpec("more" + i);
tab.setIndicator("more" + i);
tab.setContent(R.id.tab_me);
tabHost.addTab(tab);
}
*/
}
Android 常用UI控件之TabHost(2)简单示例的更多相关文章
- Android 常用UI控件之TabHost(5)Tab栏在底部且在最上层也不盖tab页
tab栏在底部 <TabHost android:id="@android:id/tabhost" android:layout_width="match_pare ...
- Android 常用UI控件之TabHost(1)TabHost的两种布局方式
TabHost是Android中的tab组件. TabHost布局文件的基本结构 TabHost下有个layout,这个layout中有TabWidget与FrameLayout.TabWidget是 ...
- Android 常用UI控件之TabHost(4)实现当Tab栏有多个tab时,可以左右滑动
<!-- <HorizontalScrollView android:id="@+id/horizontalScrollView1" android:layout_wi ...
- Android 常用UI控件之TabHost(3)在4.0不显示图标的解决方案
1,自定义 TabWidget 上每个tab的view 2,用多个图片
- Android 常用UI控件之Tab控件的实现方案
实现Tab的方式有多种 1,ActionBar有两种模式可以实现,但是已经过期 tab模式tab在顶部,分裂模式tab在底部(同时所有action item都在底部). 2,PagerTitleStr ...
- 【风马一族_Android】第4章Android常用基本控件
第4章Android常用基本控件 控件是Android用户界面中的一个个组成元素,在介绍它们之前,读者必须了解所有控件的父类View(视图),它好比一个盛放控件的容器. 4.1View类概述 对于一个 ...
- [置顶] Android常用适配器控件
Android常用适配器控件 列表控件用于显示数据集合,Android不是使用一种类型的控件管理显示和数据,而是将这两项功能分布用列表控件和适配器来实现.列表控件扩展了android.widget.A ...
- [Android] Android 让UI控件固定于底部的几种方法
Android 让UI控件固定于底部的几种方法1.采用linearlayout布局:android:layout_height="0dp" <!-- 这里不能设置fill_p ...
- widget 常用UI控件介绍
一.单选框 单选框实例程序: <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android&q ...
随机推荐
- 使用Linq 来解决Datatable 去除数据重复
在这也说明下,除此之外还可以通过 DataView 的方式来处理,当个人觉得这有点不好用.这里就不多作说明了 代码比较简单,直接看代码 using System; using System.Colle ...
- artice与section的区别
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...
- leetcode之Rectangle Area
Find the total area covered by two rectilinear rectangles in a 2D plane. Each rectangle is defined b ...
- props验证
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- 374. Guess Number Higher or Lower
We are playing the Guess Game. The game is as follows: 我们来玩一个游戏,规则如下: I pick a number from 1 to n. Y ...
- InstallShield: Component-Feature Associations
Quote from: http://helpnet.installshield.com/installshield16helplib/IHelpFeatAssociateComponents.htm ...
- SerializableMaplist传递数据
package com.xjx.data; import java.io.Serializable; import java.util.List; import java.util.Map; /** ...
- normalize.css介绍
Normalize.css 只是一个很小的CSS文件,但它在默认的HTML元素样式上提供了跨浏览器的高度一致性.相比于传统的CSS reset,Normalize.css是一种现代的.为HTML5准备 ...
- 机器学习实战:数据预处理之独热编码(One-Hot Encoding)
问题由来 在很多机器学习任务中,特征并不总是连续值,而有可能是分类值. 例如,考虑一下的三个特征: ["male", "female"] ["from ...
- leetcode解题—Longest Palindromic Substring
题目: Given a string S, find the longest palindromic substring in S. You may assume that the maximum l ...