歡迎來到Linux教程網
Linux教程網
Linux教程網
Linux教程網
您现在的位置: Linux教程網 >> UnixLinux >  >> Linux編程 >> Linux編程

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. }  

我所做的效果如下

Copyright © Linux教程網 All Rights Reserved