Android学习笔记_41_TabHost自定义标签和TraceView性能测试
一、tabhost第一种用法，通过在帧布局放入定义好的page页面来实现，这样导致在当前activity下代码量比较大。
1、页面布局：
| | | | |--->这个部分叫TabWigdet 用来放标签的,每一个格格
|----------------------------------| 放一个标签
| |
| |-->这个部分叫FrameLayout,是一个
| | 用来显示每个标签页的内容的窗口
| |
|-----------------------------------
以上整个的合起来叫做:TabHost
使用TabHost 标签，不同的tab页可以看成是叠加在一起的界面，因此使用帧布局。在这些tab也的外面需要使用TabWidget包裹。
移除tabHost底部黑线可以重写它的样式：
<style name="removeTabHostLine" parent="android:style/Theme.Light"> <item name="android:windowContentOverlay">@null</item> <item name="android:windowNoTitle">true</item> </style>
<?xml version="1.0" encoding="utf-8"?> <TabHost xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/tabhost" android:layout_width="fill_parent" android:layout_height="fill_parent" > <!-- tabhost用来存放标签对象 1.在标签页中,每一页和这一页的内容,是垂直摆放的所以这里用到了线性布局 --> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <!-- 这里开始存放每个标签TabWidget ,这个标签可以存放所有的标签TabWidget --> <TabWidget android:id="@android:id/tabs" android:layout_width="match_parent" android:layout_height="wrap_content" /> <!-- android:id="@android:id/tabs"这个是在系统文件中定义的,是写死的 --> <!-- 因为每个标签页相当于浮动的,所以这里每个标签页的内容用到了帧布局 --> <FrameLayout android:id="@android:id/tabcontent" android:layout_width="match_parent" android:layout_height="match_parent" > <!-- 这里放的是第一个标签的内容 --> <LinearLayout android:id="@+id/page1" android:layout_width="match_parent" android:layout_height="match_parent" > <!-- 第一个的标签页显示的内容 --> <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="这是第一个标签页" /> </LinearLayout> <!-- 第二个的标签页显示的内容 --> <LinearLayout android:id="@+id/page2" android:layout_width="match_parent" android:layout_height="match_parent" > <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text="这是第二个标签页" /> </LinearLayout> <!-- 第三个的标签页显示的内容 --> <LinearLayout android:id="@+id/page3" android:layout_width="fill_parent" android:layout_height="fill_parent" > <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="这是第三个标签页" /> </LinearLayout> </FrameLayout> </LinearLayout> </TabHost>
2、自定义标签页和其动画背景：
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:background="#FFFFFF" > <!-- 这里要求当用户按住textview的时候,显示一张图片,当textview被选择的时候显示一张图片,当其他状态的时候,也显示一张图片 android:background="@drawable/tab_bg"给这个TextView应用这个状态列表图像. --> <TextView android:id="@+id/name" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_marginRight="1dp" android:background="@drawable/tab_bg" android:gravity="center" android:textColor="#FFFFFF" android:textSize="18sp" /> <!-- android:background="@drawable/tab_bg" //这里用到了状态列表图形,这里需要随着标签页的切换来改变图形 //这里的状态列表图形定义,可以参考api: //打开Dev Guide这个标签->然后在左侧选择-> //Framework Topics -Application Resources-> //Resource Types->Drawable->State List->然后拷贝例子代码到tab_bg.xml中 android:layout_marginRight="1dp"定义了标签页之间的间隔颜色 android:gravity="center"指定内容要居中对齐--> </LinearLayout>
<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:drawable="@drawable/bg_selected" android:state_pressed="true"/> <!-- 当用户按下Textview的时候显示这张图片 --> <!-- pressed --> <!-- 当用户选择TextView的时候显示这张图片 --> <item android:drawable="@drawable/bg_selected" android:state_selected="true"/> <!-- 其他状态显示的是这张图片 --> <item android:drawable="@drawable/bg_normal"/> <!-- default --> </selector>
3、后台代码：
package com.example.tabhost; import android.app.Activity; import android.os.Bundle; import android.os.Debug; import android.view.Gravity; import android.view.Menu; import android.view.View; import android.view.ViewGroup; import android.widget.LinearLayout; import android.widget.TabHost; import android.widget.TabHost.TabSpec; import android.widget.TextView; public class MainActivity extends Activity { TabHost tabHost; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); //traceview性能测试 Debug.startMethodTracing("traceview"); // 找到TabHost的标签集合 tabHost = (TabHost) this.findViewById(R.id.tabhost); tabHost.setup();// 这一句在源代码中,会根据findviewbyId()找到 // 对应的TabWidget,还需要根据findViewById()找到这个TabWidget下面对应的标签页的 // 内容.也就是FrameLayout这个显示控件. /* * 这里的第一个findviewbyId(),这个Id是系统指定的固定的id,可以查看api文档得到 * 进入文档G:\android\android-sdk-windows\docs\reference\packages.html点击 * Reference-->然后在左侧找到android-->点击然后选择:R.id-->找到tabs点击--> public static * final int tabs Since: API Level 1 Constant Value: 16908307 * (0x01020013) 这里可以看到tabs代表的值,但是为了可读性好,还是给在布局文件main.xml中给 * TagWidget控件,用这种方式定义id: android:id="@android:id/tabs"这里@代表 * 访问R文件,这里代表访问的是android包中的R文件中的id 这个类中的tabs * android是个包,R文件的类就在这个包中定义的,id是R类中的一个内部类, FrameLayout控件的id代表的是: * android:id="@android:id/tabs" */ // TabSpec这个是标签页对象. TabSpec tabSpec = tabHost.newTabSpec("page1");// 新建一个标签页对象. // tabSpec.setIndicator("首页",getResources().getDrawable(R.drawable.i1)); // 第一个参数指定标签名字,第二个,指定图片资源,汉子显示在图片的下面. tabSpec.setIndicator(createTabView("首页"));// 设置这个标签页的标题 // createTabView("首页")这里这个时候就可以替换成自己的API,也就那个切换标签页的显示内容页对应的view对象 tabSpec.setContent(R.id.page1);// 指定标签页的内容页. tabHost.addTab(tabSpec);// 把这个标签页,添加到标签对象tabHost中. tabSpec = tabHost.newTabSpec("page2"); // tabSpec.setIndicator("第二页",getResources().getDrawable(R.drawable.i2)); tabSpec.setIndicator(createTabView("第二页")); tabSpec.setContent(R.id.page2); tabHost.addTab(tabSpec); tabSpec = tabHost.newTabSpec("page3"); tabSpec.setIndicator("第三页",getResources().getDrawable(R.drawable.i7)); //tabSpec.setIndicator(createTabView("第三页")); tabSpec.setContent(R.id.page3); tabHost.addTab(tabSpec); // 这里可以设置,哪个标签页为默认的第一个页面. tabHost.setCurrentTab(0); } @Override protected void onDestroy() { Debug.stopMethodTracing(); super.onDestroy(); } // 这里可以做一个自定义标签页,返回一个view,tabSpec.setIndicator(createTabView("第二页")) // 因为这里可以传一个view进去. private View createTabView(String name) { // 通过下面的这句可以得到自定义的标签页的view对象. // View tabView = getLayoutInflater().inflate(R.layout.tab, null); // TextView textView =tabView.findViewById(R.id.name);//找到textview控件 // textView.setText(name);显示这个名称. // return tabView LinearLayout linearLayout = new LinearLayout(this); linearLayout.setOrientation(LinearLayout.VERTICAL); linearLayout.setBackgroundColor(0xFFFFFF); TextView textView = new TextView(this); textView.setText(name); textView.setBackgroundResource(R.drawable.tab_bg); textView.setTextColor(0xFFFFFF); textView.setTextSize(18.0f); textView.setGravity(Gravity.CENTER); ViewGroup.LayoutParams params = new ViewGroup.LayoutParams( ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT); linearLayout.addView(textView, params); return linearLayout; } @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getMenuInflater().inflate(R.menu.main, menu); return true; } }
4、进行TraceView性能测试，加入写入SDK权限。
二、tabhost第二种用法，它内容的启动可以通过Intent对象实现。两种方式也可以混合使用。
需要注意两点：
1、需要继承ActivityGroup .
2、将原来"tabHost.setup()"的改成 "tabHost.setup(this.getLocalActivityManager())"，负责会报错。tabHost的id也可以自定义。
<LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" > <TabHost android:id="@+id/tabhost" android:layout_width="fill_parent" android:layout_height="fill_parent" > <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <TabWidget android:id="@android:id/tabs" android:layout_width="match_parent" android:layout_height="wrap_content" /> <FrameLayout android:id="@android:id/tabcontent" android:layout_width="match_parent" android:layout_height="match_parent" > <LinearLayout android:id="@+id/page1" android:layout_width="match_parent" android:layout_height="match_parent" > <include layout="@layout/account_recharge_uninstall" /> </LinearLayout> </FrameLayout> </LinearLayout> </TabHost> </LinearLayout>
public abstract class TabActivity extends ActivityGroup { protected TabHost tabHost; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); tabHost = (TabHost) this.findViewById(R.id.tabhost); //必须有getLocalActivityManager tabHost.setup(this.getLocalActivityManager()); //直接加载page1.xml TabSpec tabSpec = tabHost.newTabSpec("page1"); tabSpec.setIndicator(createTabView("标签1")); tabSpec.setContent(R.id.page1); tabHost.addTab(tabSpec); tabSpec = tabHost.newTabSpec("page2"); //将原来的page2.xml放到了Activity2的setContentView方法上,在来回切换时Activity2只执行一次onCreate方法 Intent intent = new Intent(this, Activity2.class); tabSpec.setContent(intent); tabSpec.setIndicator(createTabView("标签2")); tabHost.addTab(tabSpec); tabSpec = tabHost.newTabSpec("page3"); tabSpec.setIndicator(createTabView("标签3")); intent = new Intent(this, Activity3.class); tabSpec.setContent(intent); tabHost.addTab(tabSpec); //默认使其选中 tabHost.setCurrentTabByTag("page2"); } // 创建tab标签 protected View createTabView(String name) { View tabView = getLayoutInflater().inflate(R.layout.tab_background, null); TextView textView = (TextView) tabView.findViewById(R.id.tab_name);// 找到textview控件 textView.setText(name); return tabView; } }
剩下的流程跟方法1一样。
