[置顶] Android 位于底部的Tab

第一步：首先你得了解TabHost和TabWidget，将TabHost分为两个部分，一个是放内容的，还有一个就是放选项卡的，我们这里选项卡用TabWidget。TabHost的id应该写为

android:id="@android:id/tabhost"，而不是以前的那个加号，这样可以直接在Activity里面通过getTabHost方法得到此TabHost对象。那如何才能将选项卡放在最底部呢，这其实很简单，还记得RelativeLayout中android:layout_alignBottom 这个不，也就是说将TabWidget和选项卡内容放到RelativeLayout布局里，废话不多说了，看代码

<?xmlversion="1.0"encoding="utf-8"?>

<TabHostandroid:layout_width="fill_parent"
android:layout_height="fill_parent"
android:id="@android:id/tabhost"
xmlns:android="http://schemas.android.com/apk/res/android"
>
<RelativeLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical"
android:padding="3dp"
>
<FrameLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:id="@android:id/tabcontent"
android:layout_weight="1"
>
</FrameLayout>
<TabWidget
android:layout_width="fill_parent"
android:layout_height="50dip"
android:id="@android:id/tabs"
android:layout_alignBottom="@android:id/tabcontent"
/>
</RelativeLayout>
</TabHost>

以上xml代码可以通用哈，FrameLayout里用来放内容的，Tab的xml基本结构就这样搭好了，

第二步：接下来就是往Activity里面写点东东了，这个Activity必须要继承下TabActivity，要不然就算你setContentView了上面那个xml也没法通过getTabHost()获得布局中的tabHost。

然后通过getTabHost得到TabHost对象。我这里打算建立四个选项卡，newTabSpec 这是为你的每一个选项卡上面打上一个Tag，也就是标记标记而已，特殊情况下你可以通过这个来查找到你的选项卡。setIndicator就是在你的选项卡上设置一些内容，至于什么内容，你懂的，要么是文字，要么是图片，要么就是文字加图片，当然有时候复杂的话还会写上布局文件。我这里就放上一个图片吧，然后这个图片加上一些特效，懒得在xml写什么布局了，直接在代码写了，返回的是一个View对象，废话有点多，直接看代码吧

privateclassTabViewextendsLinearLayout{

ImageViewimageView;
publicTabView(Contextc,intdrawable,intdrawableselec){
super(c);
imageView=newImageView(c);
StateListDrawablelistDrawable=newStateListDrawable();
listDrawable.addState(SELECTED_STATE_SET,this.getResources()
.getDrawable(drawableselec));
listDrawable.addState(ENABLED_STATE_SET,this.getResources()
.getDrawable(drawable));
imageView.setImageDrawable(listDrawable);
imageView.setBackgroundColor(Color.TRANSPARENT);
setGravity(Gravity.CENTER);
addView(imageView);
}

上面的代码也就是自定义的一个View吧。

下面这个就是构建选项卡以及内容（选中的是第二个选项卡），我这里就把每个不同的选项卡内容分别放在不同的Activity里面，然后通过Tab来将这些Activity合并在一起，这样显得比较有层次感。

@Override

publicvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
requestWindowFeature(Window.FEATURE_NO_TITLE);
setContentView(R.layout.main_tab);
TabHosttabHost=getTabHost();
TabViewview=null;
//最近联系人
view=newTabView(this,R.drawable.bg_tab_dial_normal,R.drawable.bg_tab_dial_normal);
view.setBackgroundDrawable(this.getResources().getDrawable(R.drawable.selecttabbackground));
TabSpecrecentContactSpec=tabHost.newTabSpec("RecentContact");
recentContactSpec.setIndicator(view);
IntentrecentContactIntent=newIntent(this,RecentContactActivity.class);
recentContactSpec.setContent(recentContactIntent);
//联系人
view=newTabView(this,R.drawable.bg_tab_contact_normal,R.drawable.bg_tab_contact_normal);
view.setBackgroundDrawable(this.getResources().getDrawable(R.drawable.selecttabbackground));
TabSpeccontactBookSpec=tabHost.newTabSpec("ContactBook");
contactBookSpec.setIndicator(view);
IntentcontactBookIntent=newIntent(this,ContactBookActivity.class);
contactBookSpec.setContent(contactBookIntent);
//短信
view=newTabView(this,R.drawable.bg_tab_sms_normal,R.drawable.bg_tab_sms_normal);
view.setBackgroundDrawable(this.getResources().getDrawable(R.drawable.selecttabbackground));
TabSpecsmsMessageSpec=tabHost.newTabSpec("SmsMessage");
smsMessageSpec.setIndicator(view);
IntentsmsMessageIntent=newIntent(this,SmsMessageActivity.class);
smsMessageSpec.setContent(smsMessageIntent);
//设置
view=newTabView(this,R.drawable.bg_tab_setting_normal,R.drawable.bg_tab_setting_normal);
view.setBackgroundDrawable(this.getResources().getDrawable(R.drawable.selecttabbackground));
TabSpecsettingSpec=tabHost.newTabSpec("Setting");
settingSpec.setIndicator(view);
IntentsettingIntent=newIntent(this,SettingActivity.class);
settingSpec.setContent(settingIntent);
tabHost.addTab(recentContactSpec);
tabHost.addTab(contactBookSpec);
tabHost.addTab(smsMessageSpec);
tabHost.addTab(settingSpec);
tabHost.setCurrentTab(1);
}

这个我没有写Demo，也就不提供详细的Demo了，不过还是截个图吧

[置顶] Android 位于底部的Tab_第1张图片

更多相关文章

随机推荐