注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

快乐的机器猫 大桥加加网易分站

要有更宽广的视野和胸怀

 
 
 

日志

 
 

android应用开发揭秘之examples_04_29(TabWidget及FrameLayout)  

2011-08-06 22:47:30|  分类: android开发 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
[原理]
FrameLayout 指的是单帧布局, 请不要翻译成框架布局,这样无助理解。 在FrameLayout以内布置的控件,都会重叠以左上角为起点放置。

TabWidget这套体系是这个样子(这是我总结的),
android应用开发揭秘之examples_04_29(TabWidget及FrameLayout) - huasoft - 快乐的机器猫 小桥加加网易分站

下面不多说了,看

[代码]
//------------- main.xml -----------------
<?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">
        <TabWidget
            android:id="@android:id/tabs"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content" />
        <FrameLayout
            android:id="@android:id/tabcontent"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent">
            <TextView
                android:id="@+id/textview1"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:text="this is a tab" />
            <TextView
                android:id="@+id/textview2"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:text="this is another tab" />
            <TextView
                android:id="@+id/textview3"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:text="this is a third tab" />
        </FrameLayout>
    </LinearLayout>
</TabHost>


//------------ Activity01.java ----------------
package com.yarin.android.Examples_04_29;

import android.app.AlertDialog;
import android.app.Dialog;
import android.app.TabActivity;
import android.content.DialogInterface;
import android.graphics.Color;
import android.os.Bundle;
import android.widget.TabHost;
import android.widget.TabHost.OnTabChangeListener;

public class Activity01 extends TabActivity
{
    //声明TabHost对象
    TabHost mTabHost;
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
       
        //取得TabHost对象
        mTabHost = getTabHost();
       
        /* 为TabHost添加标签 */
        //新建一个newTabSpec(newTabSpec)
        //设置其标签和图标(setIndicator)
        //设置内容(setContent)
        mTabHost.addTab(mTabHost.newTabSpec("tab_test1")
                .setIndicator("TAB 1",getResources().getDrawable(R.drawable.img1))
                .setContent(R.id.textview1));

        mTabHost.addTab(mTabHost.newTabSpec("tab_test2")
                .setIndicator("TAB 2",getResources().getDrawable(R.drawable.img2))
                .setContent(R.id.textview2));
        mTabHost.addTab(mTabHost.newTabSpec("tab_test3")
                .setIndicator("TAB 3",getResources().getDrawable(R.drawable.img3))
                .setContent(R.id.textview3));
       
        //设置TabHost的背景颜色
        mTabHost.setBackgroundColor(Color.argb(150, 22, 70, 150));
        //设置TabHost的背景图片资源
        //mTabHost.setBackgroundResource(R.drawable.bg0);
       
        //设置当前显示哪一个标签
        mTabHost.setCurrentTab(0);
       
        //标签切换事件处理,setOnTabChangedListener
        mTabHost.setOnTabChangedListener(new OnTabChangeListener()
        {
            // TODO Auto-generated method stub
            @Override
            public void onTabChanged(String tabId)
            {
                    Dialog dialog = new AlertDialog.Builder(Activity01.this)
                            .setTitle("提示")
                            .setMessage("当前选中:"+tabId+"标签")
                            .setPositiveButton("确定",
                            new DialogInterface.OnClickListener()
                            {
                                public void onClick(DialogInterface dialog, int whichButton)
                                {
                                    dialog.cancel();
                                }
                            }).create();//创建按钮
             
                    dialog.show();
            }           
        });
    }
}


:如何添加一个新tab进来?
:以上的例子是拿3个TextView来作FrameLayout显示的部分, 其实当然可以是别的View,比如我又添加了个tab4 是ImageView,也正常运行.
首先在main.xml中加入以下部分
            <ImageView
                android:id="@+id/imageview1"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:s rc="@drawable/icon"
            />
再添加代码
        mTabHost.addTab(mTabHost.newTabSpec("tab_test4")
                .setIndicator("TAB 4",getResources().getDrawable(R.drawable.icon))
                .setContent(R.id.imageview1)
                );
android应用开发揭秘之examples_04_29(TabWidget及FrameLayout) - huasoft - 快乐的机器猫 小桥加加网易分站

  评论这张
 
阅读(1043)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018