android简易版切换卡TabWidget

最新推荐文章于 2023-01-08 16:40:39 发布

qq964541543

最新推荐文章于 2023-01-08 16:40:39 发布

阅读量537

点赞数

分类专栏： android 文章标签： android TabWidget 却换

本文链接：https://blog.csdn.net/mjfh095215/article/details/8796851

版权

android 专栏收录该内容

15 篇文章 1 订阅

订阅专栏

android切换卡TabWidget

1.首先给你看看截图

一，java代码（class）

1.main.class

package cn.edu.bzu.l3_tabwidget;

import android.R.color;
import android.os.Bundle;
import android.app.Activity;
import android.app.TabActivity;
import android.content.Intent;
import android.graphics.Color;
import android.view.Menu;
import android.widget.TabHost;

public class MainActivity extends TabActivity {

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		// setContentView(R.layout.activity_main);
		TabHost tabHost = getTabHost();
		getLayoutInflater().inflate(R.layout.activity_main,
				tabHost.getTabContentView());
		//切换卡一
		Intent tab01Intent = new Intent();
		tab01Intent.setClass(this, Tab02Activity.class);
		TabHost.TabSpec tab01 = tabHost.newTabSpec("tab01")
				.setIndicator("",getResources().getDrawable(R.drawable.p12)).setContent(tab01Intent);
		tabHost.addTab(tab01);
		//切换卡二
		Intent tab02Intent = new Intent();
		tab02Intent.setClass(this, Tab01Activity.class);
		TabHost.TabSpec tab02 = tabHost.newTabSpec("tab02")
				.setIndicator("",getResources().getDrawable(R.drawable.p18)).setContent(tab02Intent);
		tabHost.addTab(tab02);
		 //切换卡三
		Intent tab03Intent = new Intent();
		tab03Intent.setClass(this, Tab03Activity.class);
		TabHost.TabSpec tab03 = tabHost.newTabSpec("tab03")
				.setIndicator("",getResources().getDrawable(R.drawable.p11)).setContent(tab03Intent);
		tabHost.addTab(tab03);
		
		//设置当前选项卡
		tabHost.setCurrentTab(0);
		
		//设置背景色
		tabHost.setBackgroundResource(R.drawable.p19);
		tabHost.setBackgroundColor(Color.argb(0,0,0,0));
		
		
		
	}

	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		// Inflate the menu; this adds items to the action bar if it is present.
		getMenuInflater().inflate(R.menu.main, menu);
		return true;
	}

}

2.tab1.class

package cn.edu.bzu.l3_tabwidget;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;

public class Tab01Activity extends Activity {

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_tab02);
	}

	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		// Inflate the menu; this adds items to the action bar if it is present.
		getMenuInflater().inflate(R.menu.tab02, menu);
		return true;
	}

}

3.tab2 ,tab3 几乎一样的就不在写了，如果问题在问我吧！

二、Layout 布局

ta1的布局：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/p13"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".Tab02Activity" >

    <RadioGroup
        android:id="@+id/radioGroup1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="14dp"
        android:layout_marginTop="22dp" >

        <RadioButton
            android:id="@+id/radio0"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:checked="true"
            android:text="铃声和振动" />

        <RadioButton
            android:id="@+id/radio0"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="铃声" />

        <RadioButton
            android:id="@+id/radio1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="震动" />

        <RadioButton
            android:id="@+id/radio2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="静音" />
    </RadioGroup>

</RelativeLayout>

2，tab2

<RelativeLayout xmlns:tools="http://schemas.android.com/tools"
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/p14"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".Tab02Activity" >

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_marginTop="16dp"
        android:text="设置时间："
        android:textColor="#00aa00" />

    <TimePicker
        android:id="@+id/timePicker1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/textView1"
        android:layout_below="@+id/textView1"
        android:layout_marginTop="25dp" />

    <RadioGroup
        android:id="@+id/radioGroup1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/timePicker1"
        android:layout_below="@+id/timePicker1"
        android:layout_marginTop="17dp" >

        <RadioButton
            android:id="@+id/radio0"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:checked="true"
            android:text="铃声和振动" />

        <RadioButton
            android:id="@+id/radio1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="铃声 " />

        <RadioButton
            android:id="@+id/radio3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="静音" />

        <RadioButton
            android:id="@+id/radio2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="振动" />
    </RadioGroup>

</RelativeLayout>

3.tab3

<RelativeLayout xmlns:tools="http://schemas.android.com/tools"
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/peijing"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".Tab03Activity" >

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="104dp"
        android:layout_marginTop="130dp"
        android:text="情景模式：" />

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignTop="@+id/textView1"
        android:layout_toRightOf="@+id/textView1"
        android:src="@drawable/pa3" />

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_below="@+id/imageView1"
        android:layout_marginLeft="59dp"
        android:layout_marginTop="19dp"
        android:text="音量：" />

    <ProgressBar
        android:id="@+id/progressBar1"
        style="?android:attr/progressBarStyleHorizontal"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBottom="@+id/textView2"
        android:layout_alignLeft="@+id/textView1"
        android:layout_alignRight="@+id/imageView1"
        android:layout_alignTop="@+id/textView2"
        android:secondaryProgress="75" />

    <ImageButton
        android:id="@+id/imageButton1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/textView2"
        android:layout_below="@+id/textView2"
        android:layout_marginTop="12dp"
        android:src="@drawable/pb1" />

    <ImageButton
        android:id="@+id/imageButton2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBottom="@+id/imageButton1"
        android:layout_toRightOf="@+id/imageButton1"
        android:src="@drawable/pb2" />

    <ImageButton
        android:id="@+id/imageButton5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignRight="@+id/imageButton2"
        android:layout_alignTop="@+id/imageButton4"
        android:src="@drawable/pa3" />

    <ImageButton
        android:id="@+id/imageButton3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/imageButton1"
        android:layout_toLeftOf="@+id/progressBar1"
        android:src="@drawable/pa121" />

    <ImageButton
        android:id="@+id/imageButton4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/progressBar1"
        android:layout_alignTop="@+id/imageButton3"
        android:layout_toLeftOf="@+id/imageButton5"
        android:src="@drawable/pa11" />

</RelativeLayout>

四，结果如上图所示：

温馨提示，这里的tab1 ,tab2,tab3并不是全名，具体的代码都有详细的class名和layout名，大家一定要注意哦！

希望大家学的愉快！