安卓布局——tabhost底部

来源：互联网发布：三毛淘宝小号编辑：程序博客网时间：2024/06/06 20:53

这里写图片描述
效果：点击则会跳转到相应的界面，并且图片样式也会改变
源码：
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)));    }}

源码下载：
http://download.csdn.net/download/zw1996/10002850

阅读全文

0 0