zl程序教程

您现在的位置是:首页 >  移动开发

当前栏目

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

手机 解决 居中 某些 问题 RadioButton 右移 RadioGroup
2023-09-14 08:56:50 时间
    最近一直在忙一个项目,页面的基本框架类似于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

 android:checked="true"

 android:drawablePadding="3dp"

 android:drawableTop="@drawable/selector_main_bottom_tab_first"

 android:paddingLeft="0dp"

 android:text="首页" / 

 RadioButton

 android:checked="false"

 android:drawablePadding="3dp"

 android:drawableTop="@drawable/selector_main_bottom_tab_second"

 android:paddingLeft="0dp"

 android:text="唱歌" / 

 RadioButton

 android:checked="false"

 android:drawablePadding="3dp"

 android:drawableTop="@drawable/selector_main_bottom_tab_third"

 android:paddingLeft="0dp"

 android:text="跳舞" / 

 RadioButton

 android:checked="false"

 android:drawablePadding="3dp"

 android:drawableTop="@drawable/selector_main_bottom_tab_forth"

 android:paddingLeft="0dp"

 android:text="我的" / 

 /RadioGroup 

 /RelativeLayout 

 /LinearLayout 

 /RelativeLayout 

TableLayout(表格布局) 前面我们已经学习了平时实际开发中用得较多的线性布局(LinearLayout)与相对布局(RelativeLayout),其实学完这两个基本就够用了,这一节我们会学习Android中的第三个布局:TableLayout(表格布局)!