码迷,mamicode.com
首页 > 其他好文 > 详细

Tab选项卡界面(1)

时间:2015-07-29 09:04:42      阅读:122      评论:0      收藏:0      [点我收藏+]

标签:

Tab用一个简单的应用程序接口的标签是集中的界面布局文件的同一页上的接口组件不同的标签。并计划将在主类集中的代码文件。这种方法的优点是,文件在项目数不会被添加,但是,假设Tab接口组件更个性化的标签。复杂,把它们集中放在同一个文件会造成日后程序维护上的困难。

我们已经学习过Intent对象的用法。这里我们就用Intent对象来建立Tab标签页接口。这个新的方法事实上是基于一个非常easy的概念,就是每个Tab标签页都相应到一个独立的Activity类。因此不同标签页的接口布局文件和程序代码都是各自独立,如此一来就能够降低接口布局文件和程序代码的复杂性,使它们易于阅读和维护。


(1)要完毕Tab标签接口须要一个TabHost组件。它负责管控整个Tab标签页的架构。TabHost组件下包括有两个组件:TabWidget组件和FrameLayout组件。TabWidget组件负责掌控全部的Tab标签,FrameLayout组件则负责显示每个Tab标签页的接口组件。
(2)建立Tab标签页接口有2种方法,一种是把每个Tab page内的接口组件都一齐写在同一个布局文件里。可是用不同的<LinearLayout>标签把不同的Tab page 内的接口组件分隔开来。还有一种方式是把每个Tab page内的接口组件都写成一个独立的接口布局文件,再利用Intent的方法把它载入到相应的Tab page中。这中方法须要用到Intent技术。

以下就来解说下第一种方法,为使用Intent对象做铺垫:

<TabHost xmlns:android="http://schemas.android.com/apk.res/android"
	android:id="@+id/tabHost"
	android:layout_width="fill_parent"
	android:layout_height="fill_parent"
	>
<Tab Widget android:id="@+id/tabs"
	android:layout_width="fill_parent"
	android:layout_height="fill_parent"

	/>

<!--TabWidget标签的id一定要设定成@android:id/tabs; FrameLayout标签的id一定要设定成@android:id/tabcontent-->

<FrameLayout android:id="@+id/tabcontent"
	android:layout_width="fill_parent"
	android:layout_height="fill_parent"

	>

<LinearLayout android:id="@+id/tab1"

	android:orientaion="vertical"
	android:layout_width="fill_parent"
	android:layout_height="warp_content"
	android:paddingTop="70dp"
	>

<!-- 第一个Tab page的接口组件-->


</LinearLayout>

<LinearLayout android:id="@+id/tab1"

	android:orientaion="vertical"
	android:layout_width="fill_parent"
	android:layout_height="warp_content"
	android:paddingTop="70dp"
	>
<!-- 第二个Tab page的接口组件-->
</LinearLayout>

</FrameLayout>
</TabHost>



代码:
package tw.android;

import java.util.Calendar;
import android.app.*;
import android.os.Bundle;
import android.os.Handler;
import android.view.View;
import android.widget.*;
import android.widget.TabHost.TabSpec;

public class TabPageDemo extends Activity{
	//继承的类仍然是Activity

	private DatePicker mDatePik;
	private TimePicker mTimePik;
	private TextView mTxtResult;
	private Button mBtnOk;

	privte  Button mBtnOk;

	//创建新想Handler对象
	private Handler mHandler=new Handler();

	/**Called when the activity is first created */
	@Override
	public void onCreate(Bundle savedInstanceState){

		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);

		setupViewComponent();
	}

	private void setupViewComponent(){

		//从资源R中获取接口组件并设定属性
		TabHost tabHost=(TabHost)findViewById(R.id.tabHost);
		tabHost.setup();

		TabSpec spec=tabHost.newTabSpec("tab1");
		spec.setContent(R.id.tab1);
		spec.setIndicator("日期和时间",getResource().getDrawable(android.R.drawable.ic_lock_idle_alarm)
			);
		tabHost.addTab(spec);

		spec=tabHost.newTabSpec("tab2");
		spec.setIndicator("ProgressBar Demo",getResource().getDrawable(android.R.drawable.ic_dialog_alert)
			);
		spec.setContent(R.id.tab2);

		tabHost.addTab(spec);

		tabHost.setCurrentTab(0);
		//以下内容就是将原来的setupViewComponent()方法内的所有程序代码,程序启动时候载入的程序setCurrentTab(0),0代表第一个Tab page 。1代表地二个Tab page ,其它依次类推


	}



}






版权声明:本文博客原创文章,博客,未经同意,不得转载。

Tab选项卡界面(1)

标签:

原文地址:http://www.cnblogs.com/gcczhongduan/p/4684909.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!