zoukankan      html  css  js  c++  java
  • Android将TAB选项卡放在屏幕底部(转)

     今天写Tab的时候由于TAB的跳转问题去查资料,倒反而发现更有趣的问题,就是如何将TAB放置在屏幕的底端。效果如http://www.sisou.cn/read-htm-tid-451.html所示,的确是个好想法,这样貌似也的确漂亮一些,有点类似IPhone里的布局了,呵呵~(其实后来发现这个应该不是用TAB做的,而是ButtonBar做出来的吧,或者是他重写了TAB?总之不是简单地将TAB放置底端了)。

      要放置底端,那么Android自带的例程是不可以做到的(例程参看development-ApiDemo)。先需要写一个xml的layout文档,命名为bottomtab.xml。
    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="vertical" android:layout_width="fill_parent"
        android:layout_height="fill_parent">
        <TabHost android:id="@+id/edit_item_tab_host"
            android:layout_width="fill_parent" android:layout_height="fill_parent">
            <LinearLayout android:orientation="vertical"
                android:layout_width="fill_parent" android:layout_height="fill_parent"
                android:padding="5dp">
                <FrameLayout android:id="@android:id/tabcontent"
                    android:layout_width="fill_parent" android:layout_height="wrap_content"
                    android:padding="5dp" android:layout_weight="1" />
                <TabWidget android:id="@android:id/tabs"
                    android:layout_width="fill_parent" android:layout_height="wrap_content"
                    android:layout_weight="0" />
            </LinearLayout>
        </TabHost>
    </LinearLayout>

      然后以下就是完整的代码了:
    package net.wangliping.test;

    import android.app.ActivityGroup;
    import android.content.Intent;
    import android.os.Bundle;
    import android.widget.TabHost;
    import android.widget.TabHost.TabSpec;

    public class TestTab extends ActivityGroup {
        public static TabHost tab_host;
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.bottomtab);

            tab_host = (TabHost) findViewById(R.id.edit_item_tab_host);
            tab_host.setup(this.getLocalActivityManager());

            TabSpec ts1 = tab_host.newTabSpec("TAB_WEATHER");
            ts1.setIndicator("Weather");
            ts1.setContent(new Intent(this, Weather.class));
            tab_host.addTab(ts1);

            TabSpec ts2 = tab_host.newTabSpec("TAB_MAIL");
            ts2.setIndicator("Mail");
            ts2.setContent(new Intent(this, MailSend.class));
            tab_host.addTab(ts2);

            TabSpec ts3 = tab_host.newTabSpec("TAB_JUMP");
            ts3.setIndicator("Jump");
            ts3.setContent(new Intent(this, TabJump.class));
            tab_host.addTab(ts3);

            tab_host.setCurrentTab(0);
        }
    }

      而关于页面的跳转,就是:

        TestTab.tabHost.setCurrentTab(0);

      如此这般,就形成了下面的这个东西,其实还没有放在上面好看。。。所以也证实了上面那个应用不是简单地放置TAB在底端了。有机会还是再看看ButtonBar了。

    device

    以上资料参考:

    http://www.anddev.org/viewtopic.php?p=21932

    http://stackoverflow.com/questions/2395661/android-tabs-at-the-bottom

    注意 

    Weather.class 等Activity要在 在AndroidMenifest.xml添加声明

    在 application tag之间加上

            </activity>
                    <activity android:name=".Weather">
            </activity>
                    <activity android:name=".MailSend">
            </activity>
                    <activity android:name=".TabJump">
            </activity>
     
  • 相关阅读:
    骨骼动画的原理及在Unity中的使用
    GUI之ScrollView的使用
    Java编程技术之浅析Java容器技术
    Linux系统 Centos7 环境基于Docker部署Rocketmq服务
    Linux系统环境基于Docker搭建Mysql数据库服务实战
    Java编程技术之浅析JVM内存
    Java编程技术之浅析SPI服务发现机制
    Linux系统环境基于Docker搭建系统基础镜像
    Linux Centos7 环境搭建Docker部署Zookeeper分布式集群服务实战
    Linux Centos7 环境基于Docker部署Zookeeper服务搭建实战
  • 原文地址:https://www.cnblogs.com/likwo/p/2004944.html
Copyright © 2011-2022 走看看