解决某些手机RadioGroup中的RadioButton不居中(右移)问题

简介:

    最近一直在忙一个项目,页面的基本框架类似于QQ那样,有底部导航栏的,遂采用的是RadioButton来实现的。本来一直在我的模拟器上测试,页面展示是没啥问题的,效果图如下:


    可是,坑爹的事今天却发生了。 测试人员给我说,底部的导航栏图标文字右移,不居中,我的个擦,我一看,心中蹦出了一个鲜亮的词——尼玛,这是啥情况?!右移的图如下:


看看,这就是那个坑爹的效果啊。当然,坑爹归坑爹,还得解决啊,遂求助于度娘,发现,居然还有不少人遇到过这个问题,好心人给出了解决方案,只需要在每个RadioButton中,添加一个属性android:paddingLeft="0dp",或者是 android:background="@color/transparent" ,两个方案都可以ok的。

下面给出解决后的布局代码:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:background="@drawable/activity_bg"
        android:orientation="vertical">

        <FrameLayout
            android:id="@+id/container"
            android:layout_width="match_parent"
            android:layout_height="0dip"
            android:layout_weight="1.0"></FrameLayout>

        <RelativeLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal">

            <RadioGroup
                android:id="@+id/radiogroup"
                android:layout_width="match_parent"
                android:layout_height="50dip"
                android:layout_gravity="bottom"
                android:background="#ffffff"
                android:gravity="center_vertical"
                android:orientation="horizontal">

                <RadioButton
                    style="@style/navigation_style"
                    android:checked="true"
                    android:drawablePadding="3dp"
                    android:drawableTop="@drawable/selector_main_bottom_tab_first"
                    android:paddingLeft="0dp"
                    android:text="首页" />

                <RadioButton
                    style="@style/navigation_style"
                    android:checked="false"
                    android:drawablePadding="3dp"
                    android:drawableTop="@drawable/selector_main_bottom_tab_second"
                    android:paddingLeft="0dp"
                    android:text="唱歌" />

                <RadioButton
                    style="@style/navigation_style"
                    android:checked="false"
                    android:drawablePadding="3dp"
                    android:drawableTop="@drawable/selector_main_bottom_tab_third"
                    android:paddingLeft="0dp"
                    android:text="跳舞" />

                <RadioButton
                    style="@style/navigation_style"
                    android:checked="false"
                    android:drawablePadding="3dp"
                    android:drawableTop="@drawable/selector_main_bottom_tab_forth"
                    android:paddingLeft="0dp"
                    android:text="我的" />
            </RadioGroup>
        </RelativeLayout>
    </LinearLayout>

</RelativeLayout>

相关文章
|
6月前
|
Java Android开发
TextView设置跑马灯效果
TextView设置跑马灯效果
49 0
|
Android开发 数据格式 XML
Android FrameLayout子view居中(左居中,右居中)等
Android的布局FrameLayout默认是把布局内的子view堆砌在左上角,但是,可以通过设置子view的: android:layout_gravity 此参数控制子view的布局位置,实现FrameLayou...
2432 0
|
5月前
|
XML IDE 开发工具
13. 【Android教程】文本框 TextView
13. 【Android教程】文本框 TextView
98 2
|
5月前
|
XML Java Android开发
14. 【Android教程】文本输入框 EditText
14. 【Android教程】文本输入框 EditText
561 2
|
6月前
|
Android开发
Android控件——Checkbox复选框、RadioButton单选、ToggleButton开关、SeekBar拖动条
Android控件——Checkbox复选框、RadioButton单选、ToggleButton开关、SeekBar拖动条
|
Android开发 索引
Android RadioButton 单选框
Android RadioButton 单选框
83 0
解决CardView在5.0以下留白的问题
解决CardView在5.0以下留白的问题
153 0
|
XML Android开发 数据格式
Android 实现radiobutton单选换行效果
Android 实现radiobutton单选换行效果
Android 实现radiobutton单选换行效果
|
Android开发
Android之让EditText不被键盘挡住
Android之让EditText不被键盘挡住
140 0