Android 微博布局風格

1. <!-- 上面顯示 圖片 下面顯示說明的文字-->

1. <?xml version="1.0" encoding="UTF-8"?>
3. <LinearLayout Android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="wrap_content"
5. xmlns:android="http://schemas.android.com/apk/res/android">
7. <ImageView android:id="@+id/tab_imageview_icon" android:layout_width="fill_parent" android:layout_height="32.0dip" android:scaleType="fitCenter" />
9. <TextView android:id="@+id/tab_textview_title" android:textSize="11.0sp" android:ellipsize="marquee" android:gravity="center" android:layout_width="fill_parent" android:layout_height="wrap_content" android:singleLine="true" android:marqueeRepeatLimit="1" />
11. </LinearLayout>
12. <!-- Tab的布局文件 -->

<!-- 定義 TabHost->

1. <?xml version="1.0" encoding="utf-8"?>
2. <TabHost
3. android:id="@android:id/tabhost"
4. android:layout_width="fill_parent"
5. android:layout_height="fill_parent"
6. xmlns:android="http://schemas.android.com/apk/res/android">
8. <RelativeLayout
9. android:id="@+id/relativeLayout1"
10. android:layout_width="fill_parent"
11. android:layout_height="fill_parent"
12. android:orientation="vertical" >
14. <FrameLayout
15. android:id="@android:id/tabcontent"
16. android:layout_width="fill_parent"
17. android:layout_height="fill_parent" />
19. <TabWidget
20. android:id="@android:id/tabs"
21. android:layout_width="match_parent"
22. android:layout_height="wrap_content"
23. android:background="@drawable/tab_bkg"
24. android:layout_alignParentBottom="true"/>
26. </RelativeLayout>
27. </TabHost>

顯示文件

1. package my.weibo;
5. import my.weibo.R;
6. import my.weibo.R.drawable;
7. import my.weibo.R.id;
8. import my.weibo.R.layout;
9. import android.app.TabActivity;
10. import android.content.Intent;
11. import android.os.Bundle;
12. import android.view.View;
13. import android.widget.ImageView;
14. import android.widget.TabHost;
15. import android.widget.TextView;
17. public class TelentWeiBoActivity extends TabActivity {
18. private TabHost tabHost;
19. private static final String HOME = "主頁";
20. private static final String REFER = "提及";
21. private static final String SECRET = "私信";
22. private static final String SEARCH = "搜索";
23. private static final String ATTENTIION = "關注";
25. @Override
26. public void onCreate(Bundle savedInstanceState) {
27. super.onCreate(savedInstanceState);
28. setContentView(R.layout.tabhos);
29. tabHost=this.getTabHost();
31. View view=View.inflate(TelentWeiBoActivity.this, R.layout.tab, null);
32. ((ImageView)view.findViewById(R.id.tab_imageview_icon)).setImageResource(R.drawable.home);
33. ((TextView)view.findViewById(R.id.tab_textview_title)).setText(HOME);
34. TabHost.TabSpec tabSpec=tabHost.newTabSpec(HOME).setIndicator(view).setContent(new Intent(this, 需要顯示的Activity.class));
35. tabHost.addTab(tabSpec);
37. View view1=View.inflate(TelentWeiBoActivity.this, R.layout.tab, null);
38. ((ImageView)view1.findViewById(R.id.tab_imageview_icon)).setImageResource(R.drawable.refer);
39. ((TextView)view1.findViewById(R.id.tab_textview_title)).setText(REFER);
40. TabHost.TabSpec tabSpec1=tabHost.newTabSpec(REFER).setIndicator(view1).setContent(new Intent(this, 需要顯示的Activity.class));
41. tabHost.addTab(tabSpec1);
43. View view2=View.inflate(TelentWeiBoActivity.this, R.layout.tab, null);
44. ((ImageView)view2.findViewById(R.id.tab_imageview_icon)).setImageResource(R.drawable.secret);
45. ((TextView)view2.findViewById(R.id.tab_textview_title)).setText(SECRET);
46. TabHost.TabSpec tabSpec2=tabHost.newTabSpec(SECRET).setIndicator(view2).setContent(new Intent(this, 需要顯示的Activity.class));
47. tabHost.addTab(tabSpec2);
49. View view3=View.inflate(TelentWeiBoActivity.this, R.layout.tab, null);
50. ((ImageView)view3.findViewById(R.id.tab_imageview_icon)).setImageResource(R.drawable.search);
51. ((TextView)view3.findViewById(R.id.tab_textview_title)).setText(SEARCH);
52. TabHost.TabSpec tabSpec3=tabHost.newTabSpec(SEARCH).setIndicator(view3).setContent(new Intent(this, 需要顯示的Activity.class));
53. tabHost.addTab(tabSpec3);
55. View view4=View.inflate(TelentWeiBoActivity.this, R.layout.tab, null);
56. ((ImageView)view4.findViewById(R.id.tab_imageview_icon)).setImageResource(R.drawable.attention);
57. ((TextView)view4.findViewById(R.id.tab_textview_title)).setText(ATTENTIION);
58. TabHost.TabSpec tabSpec4=tabHost.newTabSpec(ATTENTIION).setIndicator(view4).setContent(new Intent(this, 需要顯示的Activity.class));
59. tabHost.addTab(tabSpec4);
60. }
61. }

我所做的效果如下