Android 微博布局风格

Android 微博布局风格

1. <!-- 上面显示 图片  下面显示说明的文字-->  

1. <?xml version="1.0" encoding="UTF-8"?>  
2.    
3. <LinearLayout Android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="wrap_content"  
4.    
5.   xmlns:android="http://schemas.android.com/apk/res/android">  
6.    
7.     <ImageView android:id="@+id/tab_imageview_icon" android:layout_width="fill_parent" android:layout_height="32.0dip" android:scaleType="fitCenter" />  
8.    
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" />  
10.    
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">  
7.           
8.         <RelativeLayout   
9.             android:id="@+id/relativeLayout1"  
10.             android:layout_width="fill_parent"  
11.             android:layout_height="fill_parent"  
12.             android:orientation="vertical" >  
13.   
14.             <FrameLayout  
15.                 android:id="@android:id/tabcontent"  
16.                 android:layout_width="fill_parent"  
17.                 android:layout_height="fill_parent" />  
18.                   
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"/>  
25.              
26.         </RelativeLayout>  
27.     </TabHost>  

显示文件

1. package my.weibo;  
2.   
3.   
4.   
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;  
16.   
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 = "关注";  
24.   
25.     @Override  
26.     public void onCreate(Bundle savedInstanceState) {  
27.         super.onCreate(savedInstanceState);  
28.         setContentView(R.layout.tabhos);  
29.         tabHost=this.getTabHost();  
30.           
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);  
36.           
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);  
42.           
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);  
48.           
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);  
54.           
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. }  

我所做的效果如下