Android 微博布局风格

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

<?xml version="1.0" encoding="UTF-8"?>
 
<LinearLayout android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="wrap_content"
 
  xmlns:android="http://schemas.android.com/apk/res/android">
 
    <ImageView android:id="@+id/tab_imageview_icon" android:layout_width="fill_parent" android:layout_height="32.0dip" android:scaleType="fitCenter" />
 
    <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" />
 
</LinearLayout>
<!-- Tab的布局文件 -->

<!-- 定义 TabHost->

<?xml version="1.0" encoding="utf-8"?>
    <TabHost
        android:id="@android:id/tabhost"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" 
        xmlns:android="http://schemas.android.com/apk/res/android">
        
        <RelativeLayout 
            android:id="@+id/relativeLayout1"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:orientation="vertical" >

            <FrameLayout
                android:id="@android:id/tabcontent"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent" />
                
                    <TabWidget
                        android:id="@android:id/tabs"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:background="@drawable/tab_bkg" 
                        android:layout_alignParentBottom="true"/>
           
        </RelativeLayout>
    </TabHost>

 

 

显示文件

package my.weibo;



import my.weibo.R;
import my.weibo.R.drawable;
import my.weibo.R.id;
import my.weibo.R.layout;
import android.app.TabActivity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.ImageView;
import android.widget.TabHost;
import android.widget.TextView;

public class TelentWeiBoActivity extends TabActivity {
	private TabHost tabHost;
	  private static final String HOME = "主页";
	  private static final String REFER = "提及";
      private static final String SECRET = "私信";
      private static final String SEARCH = "搜索";
	  private static final String ATTENTIION = "关注";

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.tabhos);
        tabHost=this.getTabHost();
        
        View view=View.inflate(TelentWeiBoActivity.this, R.layout.tab, null);
        ((ImageView)view.findViewById(R.id.tab_imageview_icon)).setImageResource(R.drawable.home);
        ((TextView)view.findViewById(R.id.tab_textview_title)).setText(HOME);
        TabHost.TabSpec tabSpec=tabHost.newTabSpec(HOME).setIndicator(view).setContent(new Intent(this, 需要显示的Activity.class));
        tabHost.addTab(tabSpec);
        
        View view1=View.inflate(TelentWeiBoActivity.this, R.layout.tab, null);
        ((ImageView)view1.findViewById(R.id.tab_imageview_icon)).setImageResource(R.drawable.refer);
        ((TextView)view1.findViewById(R.id.tab_textview_title)).setText(REFER);
        TabHost.TabSpec tabSpec1=tabHost.newTabSpec(REFER).setIndicator(view1).setContent(new Intent(this, 需要显示的Activity.class));
        tabHost.addTab(tabSpec1);
        
        View view2=View.inflate(TelentWeiBoActivity.this, R.layout.tab, null);
        ((ImageView)view2.findViewById(R.id.tab_imageview_icon)).setImageResource(R.drawable.secret);
        ((TextView)view2.findViewById(R.id.tab_textview_title)).setText(SECRET);
        TabHost.TabSpec tabSpec2=tabHost.newTabSpec(SECRET).setIndicator(view2).setContent(new Intent(this, 需要显示的Activity.class));
        tabHost.addTab(tabSpec2);
        
        View view3=View.inflate(TelentWeiBoActivity.this, R.layout.tab, null);
        ((ImageView)view3.findViewById(R.id.tab_imageview_icon)).setImageResource(R.drawable.search);
        ((TextView)view3.findViewById(R.id.tab_textview_title)).setText(SEARCH);
        TabHost.TabSpec tabSpec3=tabHost.newTabSpec(SEARCH).setIndicator(view3).setContent(new Intent(this, 需要显示的Activity.class));
        tabHost.addTab(tabSpec3);
        
        View view4=View.inflate(TelentWeiBoActivity.this, R.layout.tab, null);
        ((ImageView)view4.findViewById(R.id.tab_imageview_icon)).setImageResource(R.drawable.attention);
        ((TextView)view4.findViewById(R.id.tab_textview_title)).setText(ATTENTIION);
        TabHost.TabSpec tabSpec4=tabHost.newTabSpec(ATTENTIION).setIndicator(view4).setContent(new Intent(this, 需要显示的Activity.class));
        tabHost.addTab(tabSpec4);
    }		
}

我所做的效果如下