Android 實現微博風格布局

fmms 12年前發布 | 26K 次閱讀 Android Android開發 移動開發

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

<?xml version="1.0" encoding="UTF-8"?>


<LinearLayout android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="wrap_content"


xmlns: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的布局文件 --></pre><!-- 定義 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=";



    <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></pre>顯示文件<pre class="brush:cpp; toolbar: true; auto-links: false;">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);
}       



}</pre>效果如下

Android 實現微博風格布局

轉自：http://blog.csdn.net/rwyz1314/article/details/6930697
 本文由用戶 fmms 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
 轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！