Android教程網
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> 關於Android編程 >> Android 創建標簽式的版面設置 (筆記)

Android 創建標簽式的版面設置 (筆記)

編輯:關於Android編程

利用TabHost創建標簽式的版面設置,進行不同標簽的切換,顯示不同的背景圖片。效果如下所示:

data-cke-saved-src=https://www.android5.online/Android/UploadFiles_5356/201702/2017022316120245.png data-cke-saved-src=https://www.android5.online/Android/UploadFiles_5356/201702/2017022316120211.png

1、添加6張圖片資源(直接拖入drawable文件夾),分別為gray.png, white.png, gray2.png, white2.png, gray3.png, white3.png代表的是標簽默認狀態和按下以後的狀態。

2、在 drawable文件夾中新建一般的XML文件,picture.xml, picture2.xml, picture3.xml分別填寫以下代碼

picture.xml

 


picture2.xml

 

picture3.xml

 



3、在activity_main.xml中添加控件,並且在MainActivity.java調用

activity_main.xml

 

<framelayout android:id="@+id/container" android:layout_height="match_parent" android:layout_width="match_parent" tools:context="com.example.test2.MainActivity" tools:ignore="MergeRootFrame" xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools">    
    
</framelayout>
MainActivity.xml

 

 

package com.example.test3;

import android.app.Activity;
import android.app.ActionBar;
import android.app.Fragment;
import android.app.TabActivity;
import android.content.Intent;
import android.content.res.Resources;
import android.graphics.drawable.Drawable;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TabHost;
import android.widget.TabHost.TabSpec;
import android.os.Build;

public class MainActivity extends TabActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
      
        TabHost tabHost = getTabHost();
        LayoutInflater.from(this).inflate(R.layout.activity_main, //加載頁面
        		tabHost.getTabContentView(), true);
        tabHost.addTab(tabHost.newTabSpec(tab1)   
                .setIndicator(tab1, getResources().getDrawable(R.drawable.picture))
                .setContent(R.id.view1));  
        tabHost.addTab(tabHost.newTabSpec(tab2)   
                .setIndicator(tab2, getResources().getDrawable(R.drawable.picture2))   
                .setContent(R.id.view2));   
        tabHost.addTab(tabHost.newTabSpec(tab3)   
                .setIndicator(tab3, getResources().getDrawable(R.drawable.picture3))   
                .setContent(R.id.view3));   
     
        tabHost.setCurrentTab(1);
    
        }
}
4、測試以後出現這樣的情況:只顯示字不顯示圖標,則在AndroidManifest.xml進行以下更改,最終看到圖標。

data-cke-saved-src=https://www.android5.online/Android/UploadFiles_5356/201702/2017022316120358.png

 

data-cke-saved-src=https://www.android5.online/Android/UploadFiles_5356/201702/2017022316120339.png

 

 

 

  1. 上一頁:
  2. 下一頁:
熱門文章
閱讀排行版
Copyright © Android教程網 All Rights Reserved