RadioGroup实现底部导航

转载 2016年05月30日 19:37:43

1.布局:

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <FrameLayout
        android:id="@+id/fragment_container"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

    <RadioGroup
        android:id="@+id/tab_menu"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom"
       
        android:gravity="center_vertical"
        android:orientation="horizontal">

        <RadioButton
            android:id="@+id/shop"
            style="@style/TabMenuText"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="@null"
            android:button="@null"
            android:drawableTop="@drawable/tab_shopbg"
            android:gravity="center_horizontal"
            android:text="逛店" />

        <RadioButton
            android:id="@+id/category"
            style="@style/TabMenuText"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="@null"
            android:button="@null"

            android:checked="false"
            android:drawableTop="@drawable/tab_categorybg"
            android:gravity="center_horizontal"
            android:text="分类" />

        <RadioButton
            android:id="@+id/index"
            style="@style/TabMenuText"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="@null"
            android:button="@null"
            android:checked="true"
            android:drawableTop="@drawable/tab_indexbg"
            android:gravity="center_horizontal"
            android:text="首页" />

        <RadioButton
            android:id="@+id/me"
            style="@style/TabMenuText"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="@null"
            android:button="@null"
            android:drawableTop="@drawable/tab_mebg"
            android:gravity="center_horizontal"
            android:text="我的" />

        <RadioButton
            android:id="@+id/more"
            style="@style/TabMenuText"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="@null"
            android:button="@null"
            android:drawableTop="@drawable/tab_morebg"
            android:gravity="center_horizontal"
            android:text="更多" />
    </RadioGroup>
</FrameLayout>


android:button="@null":去除小圆点

android:backgroud="@null":去除默认点下去颜色加深的效果(有selector的效果就可以了)

android:drawableTop:让图片在文字上面,图片是一个selector,点击换深色图

android:gravity:让文字居中

TabMenuText:

<style name="TabMenuText" parent="@android:style/TextAppearance">
 <item name="android:textSize">9sp</item>
 <item name="android:textColor">#666666</item>
  <item name="android:drawablePadding">0dp</item>
 </style>

注意,如果radiabutton的图片太大展示不出来,可以让美工把图片做小一点,或者放到像素密度大的drawable中(比如drawable-xxhdpi)





使用Tablayout和RadioGroup实现底部导航

  • 2017年05月25日 10:55
  • 24.65MB
  • 下载

使用RadioGroup实现底部导航栏效果,不需要java代码。

使用RadioGroup实现底部导航栏效果,不需要java代码。

RadioGroup实现底部导航页面

  • 2016年06月23日 22:11
  • 18.79MB
  • 下载

ViewPager+RadioGroup+Fragment仿微信实现底部导航功能

ViewPager+RadioGroup+Fragment仿微信实现底部导航功能                   今天做一个简单的仿微信底部导航功能,先简单说明一下组件,主体是一个FrameLa...

底部导航栏实现页面的切换(三):Fragment + RadioGroup + ViewPager

底部导航栏实现页面的切换(三):Fragment + RadioGroup + ViewPager知识点效果图:逻辑 布局:顶部是LinearLayout,里面放了TextView;底部是Radi...

使用RadioGroup实现底部导航栏

使用RadioGroup实现底部导航栏
  • An_nAl
  • An_nAl
  • 2017年08月09日 17:09
  • 629

RadioGroup+TabHost组合实现底部导航

当前最流行的底部导航组合就是RadioGroup+Frament了,但有时候我们并不能使用这样一堆==一对组合,本人接手一个项目,之前界面都是用Activity写的,现在又要建一个底部导航,于是就用这...

安卓--类似微信底部导航栏实现原理(frame和radiogroup)

说在最前:本文只讲述了底部导航栏的实现原理,延续以前的风格,只有图标说明,还有伪码说明,轮子自己造去,明白了原理很简单。 1.分为哪几部分?    详细分来共有四部分:总的frame(java)、...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:RadioGroup实现底部导航
举报原因:
原因补充:

(最多只允许输入30个字)