`
jiguansheng
  • 浏览: 125932 次
  • 性别: Icon_minigender_1
  • 来自: 九江
社区版块
存档分类
最新评论

android实现页面下方的Tab效果

 
阅读更多

实现采用TabHost组件。
1、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"
        android:padding="5dp">
        <FrameLayout
       android:gravity="bottom"
       android:layout_weight="1"
            android:id="@android:id/tabcontent"          
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:padding="5dp" />
        <TabWidget
        android:layout_weight="0"
            android:id="@android:id/tabs"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content" />
        
    </LinearLayout>
</TabHost>
注意<FrameLayout>标签和<TabWidget>标签的顺序。
android:layout_weight的设置使位置靠下,否则默认是在上面的。
2、activity文件


@Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.maintabs);
        // Resource object to get Drawables
        Resources res = getResources(); 
        tabHost = getTabHost();  
        // Resusable TabSpec for each tab
        TabHost.TabSpec spec;  
        // Reusable Intent for each tab
        Intent intent;  


        // Create an Intent to launch an Activity for the tab (to be reused)
        intent = new Intent().setClass(this,HomeTab.class);


        // Initialize a TabSpec for each tab and add it to the TabHost
        String str_tabhome=res.getString(R.string.tab_home);
        spec = tabHost.newTabSpec(str_tabhome).setIndicator(str_tabhome,res.getDrawable(R.drawable.ic_tab_artists))
                       .setContent(intent);
        tabHost.addTab(spec);    
        
       String str_tab02=res.getString(R.string.tab02);
        spec = tabHost.newTabSpec(str_tab02).setIndicator(str_tab02,res.getDrawable(R.drawable.ic_tab_artists))
                      .setContent(intent);
        tabHost.addTab(spec);   


        tabHost.setCurrentTab(2);
       
    }

3、效果如下:

分享到:
评论

相关推荐

    Android fragment实现多个页面切换效果

    我们之前都是用TabHost来实现,但是殊不知,TabHost并非是那么的简单,它的可扩展性非常的差,不能随意地定制Tab项显示的内容,而且运行还要依赖于ActivityGroup。ActivityGroup原本主要是用于为每一个TabHost的子项...

    Android实现网易严选标签栏滑动效果

    标签栏是一个非常常见的控件,似乎也是一个比较简单的控件,但如果在标签下方加个下划线的话,就还是可以玩出挺多花来的。 网易严选的标签栏就做的很不错,里面隐藏着诸多细节: 手动滑动页面,下划线会跟着滑动。...

    Android项目源码仿微信登录注册聊天换肤二维码扫描.zip

    MainActivity主界面相关,包含四个Fragment页面、上方Actionbar及下方的自定义View选项; TabFragment会话界面,用于接收收到的所有消息,并统计条目; TabFragment2通讯录界面,加载用户的好友列表; Tab...

    安卓手指滑动切换页面效果

    这是安卓手指滑动切换页面效果,实现手指滑动切换页面,页面头部的tab下方出现一个条纹来显示当前页面。也可以点击tab来切换页面。可以更改tab的配色方案,安卓源码片段。 Interactive paging indicator widget, ...

    Android仿京东、天猫商品详情页

    前面在介绍控件TabLayout控件和CoordinatorLayout使用的时候说了下实现京东、天猫详情页面的效果,今天要说的是优化版,是我们线上实现的效果,首先看一张效果: 项目结构分析 首先我们来分析一下要实现上面的...

    微信小程序开发实现的选项卡(窗口顶部/底部TabBar)页面切换功能图文详解

    本文实例讲述了微信小程序开发实现的选项卡(窗口顶部/底部TabBar)页面切换功能。分享给大家供大家参考,具体如下: 微信小程序开发中选项卡.在android中选项卡一般用fragment,到了小程序这里瞬间懵逼了. 总算做出来...

    PagerSlidingTabStrip.zip

    实现手指滑动切换页面,页面头部的tab下方出现一个条纹来显示当前页面。也可以点击tab来切换页面。可以更改tab的配色方案。   测试环境: Eclipse 4.2, Android 3.0 以上。 注意:测试环境并不代表适用环境。 ...

    android 自定义TabActivity的实例方法

    系统自带的TabActivity的效果不甚理想。开发中对TabActivity自定义可能有两种:第一种:改变TAB行的位置,如放到页面下方。第二种:对TabHost图片的自定义

    PagerSlidingTabStrip

    PagerSlidingTabStrip介绍: 实现手指滑动切换页面,页面头部的tab下方出现一个条纹来显示当前页面。也可以点击tab来切换页面。可以更改tab的配色方案。

    百度地图毕业设计源码-GraduateProjectShare:毕业设计

    使用viewpager可以进行左右滑动,下方没有显示tab,跟主流有点不同,但是有一个浮动的选项,可以考虑在滚动的时候隐藏,添加一个滑动监听,感觉会高大上一点。 3.使用具有动画的listview,其中图片点击放大,并且可以...

    Google Chrome 6.0.451.0 Dev 版(一个由Google公司开发的网页浏览器)

     分页是Chrome使用者界面中最重要的元素,为梯形设计,其位于窗口的最上方而非控制按钮的下方(与Opera类似)。这项改变与许多目前的分页浏览器做法不同。不同窗口的分页可轻易的利用拖曳的方式交换配置。每一个...

Global site tag (gtag.js) - Google Analytics