安卓布局——tabhost底部

最新推荐文章于 2024-04-17 00:23:18 发布

卖酒的小码农

最新推荐文章于 2024-04-17 00:23:18 发布

阅读量432

点赞数

分类专栏：安卓学习文章标签： android tabhost 布局

本文链接：https://blog.csdn.net/zw1996/article/details/78138834

版权

安卓学习专栏收录该内容

47 篇文章 1 订阅

订阅专栏

这里写图片描述
效果：点击则会跳转到相应的界面，并且图片样式也会改变
源码：
layout文件

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

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

        <FrameLayout 
            android:id="@android:id/tabcontent" 
            android:layout_width="fill_parent" 
            android:layout_height="0.0dip" 
            android:layout_weight="1.0" />
        <TabWidget 
            android:id="@android:id/tabs" 
            android:visibility="gone" 
            android:layout_width="fill_parent" 
            android:layout_height="wrap_content" 
            android:layout_weight="0.0" />
        <LinearLayout 
            android:gravity="bottom" 
            android:layout_gravity="bottom" 
            android:orientation="horizontal" 
            android:id="@+id/main_tab_grodup" 
            android:background="@drawable/tabbar" 
            android:paddingTop="2.0dip" 
            android:layout_width="fill_parent" 
            android:layout_height="wrap_content">


            <FrameLayout 
                android:background="@null" 
                android:layout_width="0.0dip" 
                android:layout_height="fill_parent" 
                android:layout_weight="1.0">

                <LinearLayout 
                    android:id="@+id/main_layout_settings" 
                    android:gravity="bottom|center" 
                    android:layout_width="fill_parent" 
                    android:layout_height="fill_parent">
                    <RelativeLayout
                        android:id="@+id/main_tab_settings"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"           
                        android:layout_weight="1" >

                        <ImageView
                            android:id="@+id/img_tab_settings"
                            android:layout_width="fill_parent"
                            android:layout_height="50dp"                    
                            android:src="@drawable/xk" 
                            android:layout_centerHorizontal="true"/>
                        <TextView
                            android:layout_below ="@id/img_tab_settings"                
                            android:id="@+id/img_settings_text"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"                
                            android:layout_centerHorizontal="true"
                            android:layout_marginTop="5dp"
                            android:textColor="@color/grey"
                            android:text="参数设置"/>

                    </RelativeLayout>   
                </LinearLayout>

            </FrameLayout>


            <FrameLayout 
                android:background="@null" 

                android:layout_width="0.0dip" 
                android:layout_height="fill_parent" 
                android:layout_weight="1.0">

                <LinearLayout 
                    android:id="@+id/main_layout_addExam" 
                    android:gravity="bottom|center" 
                    android:layout_width="fill_parent" 
                    android:layout_height="fill_parent">

                <RelativeLayout
                    android:id="@+id/main_tab_addExam"
                    android:layout_width="wrap_content"
                     android:layout_height="wrap_content"          
                    android:layout_weight="1" >

                    <ImageView
                        android:id="@+id/img_tab_addExam"
                        android:layout_width="fill_parent"
                        android:layout_height="50dp"                    
                        android:src="@drawable/sk1" 
                        android:layout_centerHorizontal="true"/>
                    <TextView
                        android:layout_below ="@id/img_tab_addExam"             
                        android:id="@+id/tab_addExam_text"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"                
                        android:layout_centerHorizontal="true"
                        android:layout_marginTop="5dp"
                        android:textColor="@color/grey"
                        android:textSize="15sp" 
                        android:text="数据展示"/>

                    </RelativeLayout>   
                </LinearLayout>
            </FrameLayout>
        </LinearLayout>
    </LinearLayout>

</TabHost>

MAinActivity源码

package com.zw.layout1;

import android.support.v7.app.ActionBarActivity;
import android.app.TabActivity;
import android.content.Intent;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.RelativeLayout;
import android.widget.TabHost;
import android.widget.TextView;

public class MainActivity extends TabActivity {

TabHost tabHost;

    private TextView main_tab_unread_tv;
    private RelativeLayout main_tab_addExam,main_tab_settings;
    private LinearLayout main_layout_addExam,main_layout_settings;
    private ImageView  img_tab_addExam,img_tab_settings ;
    private TextView text_tab_addExam,text_tab_settings;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
            //this.requestWindowFeature(Window.FEATURE_NO_TITLE);去掉标题栏
            setContentView(R.layout.activity_main);
            initTab();   
            init();
    }
     private void init() {

            //点击底部
            main_tab_addExam = (RelativeLayout) findViewById(R.id.main_tab_addExam);
            main_tab_settings=(RelativeLayout) findViewById(R.id.main_tab_settings);


            //底部图片跟换                
            img_tab_addExam = (ImageView) findViewById(R.id.img_tab_addExam) ;        
            img_tab_settings = (ImageView) findViewById(R.id.img_tab_settings) ;

            //底部文字
            text_tab_addExam = (TextView) findViewById(R.id.tab_addExam_text) ;
            text_tab_settings = (TextView) findViewById(R.id.img_settings_text) ;


            main_layout_addExam=(LinearLayout) findViewById(R.id.main_layout_addExam);
            main_layout_settings=(LinearLayout) findViewById(R.id.main_layout_settings);



            //图片点亮
            img_tab_addExam.setImageResource(R.drawable.sk1);
            img_tab_settings.setImageResource(R.drawable.xk);
            //背景点亮
//          main_layout_addExam.setBackgroundResource(0);
//          main_layout_settings.setBackgroundResource(R.drawable.labelbg);


            main_tab_addExam.setOnClickListener(new OnClickListener() {

                    public void onClick(View arg0) {

                            tabHost.setCurrentTabByTag("first");
                            //图片点亮
                            img_tab_addExam.setImageResource(R.drawable.sk1);
                            img_tab_settings.setImageResource(R.drawable.xk);
                            //背景点亮
//                          main_layout_addExam.setBackgroundResource(R.drawable.labelbg);
//                          main_layout_settings.setBackgroundResource(0);
                    }

            });
            main_tab_settings.setOnClickListener(new OnClickListener() {
                    public void onClick(View v) {
                            // TODO Auto-generated method stub

                            tabHost.setCurrentTabByTag("second");
                            //图片点亮
                            img_tab_addExam.setImageResource(R.drawable.sk);
                            img_tab_settings.setImageResource(R.drawable.xk1);
                            //背景点亮
//                          main_layout_addExam.setBackgroundResource(0);;
//                          main_layout_settings.setBackgroundResource(R.drawable.labelbg);
                            //文字点亮
                            //text_tab_addExam.setTextColor(color.grey);
                            //text_tab_settings.setTextColor(color.darkseagreen);
                    }

            });

    }


    private void initTab(){

        tabHost=getTabHost();

            tabHost.addTab(tabHost.newTabSpec("first").setIndicator("first").setContent(

                            new Intent(this,Doxingxi.class)));


            tabHost.addTab(tabHost.newTabSpec("second").setIndicator("second").setContent(

                            new Intent(this, Showxingxi.class)));



    }
}