表格布局中的单选按钮组与列对齐

2024-03-20

我正在开发一个反馈应用程序,其布局应与此屏幕类似。 [1]:https://i.stack.imgur.com/xn3kh.jpg https://i.stack.imgur.com/xn3kh.jpg

我已经设计了布局的xml。

<LinearLayout 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"
android:background="#000"
android:orientation="vertical"
xmlns:app="http://schemas.android.com/apk/res-auto"
tools:context="com.zankrutparmar.feedback.Frag_one">

<TextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="@string/frag_one_title"
    android:textColor="#fff"
    android:textStyle="bold|italic"
    android:textSize="35dp"
    android:textAlignment="center"/>

<LinearLayout
    android:layout_width="819dp"
    android:layout_height="wrap_content"
    android:layout_gravity="end"
    android:orientation="horizontal">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="@dimen/activity_vertical_margin"
        android:layout_marginBottom="@dimen/activity_vertical_margin"
        android:layout_marginEnd="@dimen/activity_vertical_margin"
        android:text="Poor"
        android:textAlignment="center"
        android:textColor="#fff"
        android:textSize="35dp"
        android:textStyle="bold" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="@dimen/activity_vertical_margin"
        android:text="Average"
        android:textAlignment="center"
        android:textColor="#fff"
        android:textSize="35dp"
        android:textStyle="bold" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="@dimen/activity_vertical_margin"
        android:text="Good"
        android:textAlignment="center"
        android:textColor="#fff"
        android:textSize="35dp"
        android:textStyle="bold" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="@dimen/activity_vertical_margin"
        android:text="Very Good"
        android:textAlignment="center"
        android:textColor="#fff"
        android:textSize="35dp"
        android:textStyle="bold" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="@dimen/activity_vertical_margin"
        android:text="Excellent"
        android:textAlignment="center"
        android:textColor="#fff"
        android:textSize="35dp"
        android:textStyle="bold" />
</LinearLayout>

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:weightSum="6">

    <TextView
        android:layout_width="58dp"
        android:layout_height="wrap_content"
        android:layout_margin="@dimen/activity_vertical_margin"
        android:layout_weight="1"
        android:text="Theme &amp; Decor"
        android:textAlignment="center"
        android:textColor="#fff"
        android:textSize="25dp"
        android:textStyle="bold|italic" />

    <RadioGroup
        android:id="@+id/radioGroup1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="@dimen/activity_vertical_margin"
        android:layout_weight="5"
        android:orientation="horizontal">

        <RadioButton
            android:id="@+id/poor1"
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:background="@drawable/custom_btn_radio_poor"
            android:button="@null" />

        <RadioButton
            android:id="@+id/average1"
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:background="@drawable/custom_btn_radio_average"
            android:button="@null" />

        <RadioButton
            android:id="@+id/good1"
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:background="@drawable/custom_btn_radio_good"
            android:button="@null" />

        <RadioButton
            android:id="@+id/very1"
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:background="@drawable/custom_btn_radio_very_good"
            android:button="@null" />

        <RadioButton
            android:id="@+id/excellent1"
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:background="@drawable/custom_btn_radio_excellent"
            android:button="@null" />
    </RadioGroup>
</LinearLayout>

现在,每当我想对这些单选按钮应用边距时,中心的按钮就会保持在中心位置,并将所有其他按钮推得很远。

我也尝试过这个问题的答案[1]:android 中具有相应标签的单选组的 TableLayout https://stackoverflow.com/questions/40354562/tablelayout-of-radiogroups-with-respective-labels-aligned-in-android

但在该布局中,问题是单行中的所有按钮都被选中。这意味着 Radiogroup 无法放置在该布局中。

我必须从数据库中获取问题并将它们放入我的应用程序中。 所以将来我将不得不动态添加行。 任何帮助将不胜感激。先感谢您。


好吧,我设计了一个新的布局并解决了以前的问题。我正在上传该代码。

<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"
android:background="#8bae3a"
tools:context="com.zankrutparmar.feedback.Frag_two">

<TableLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TableRow
        android:layout_width="match_parent"
        android:layout_marginLeft="20dp"
        android:layout_height="match_parent" >

        <TextView
            android:id="@+id/textView5"
            android:layout_column="1"
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content"
            android:text="TextView" />

        <TextView
            android:id="@+id/textView10"
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content"
            android:text="TextView" />

        <TextView

            android:id="@+id/textView9"
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content"
            android:text="TextView" />

        <TextView
            android:id="@+id/textView6"
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content"
            android:text="TextView" />

    </TableRow>

    <TableRow
        android:layout_marginTop="10dp"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="TextView" />

        <RadioGroup
            android:layout_marginLeft="20dp"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="0.4"
            android:orientation="horizontal">

            <RadioButton
                style="@style/MyRadioButtonStyle"
                android:gravity="center"
                android:padding="8dp"
                android:layout_marginLeft="10dp"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                />

            <RadioButton
                style="@style/MyRadioButtonStyle"
                android:gravity="center"
                android:paddingLeft="8dp"
                android:layout_marginLeft="5dp"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                />

            <RadioButton

                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                style="@style/MyRadioButtonStyle"
                android:gravity="center"
                android:paddingLeft="8dp"
                android:layout_marginLeft="5dp"
                />

            <RadioButton
                style="@style/MyRadioButtonStyle"
                android:gravity="center"
                android:paddingLeft="8dp"
                android:layout_marginLeft="7dp"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                />
        </RadioGroup>
    </TableRow>

    <TableRow

        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <TextView
            android:id="@+id/textView2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="TextView" />

        <RadioGroup
            android:layout_marginLeft="20dp"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="0.4"
            android:orientation="horizontal">

            <RadioButton
                style="@style/MyRadioButtonStyle"
                android:gravity="center"
                android:padding="8dp"
                android:layout_marginLeft="10dp"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                />

            <RadioButton
                style="@style/MyRadioButtonStyle"
                android:gravity="center"
                android:paddingLeft="8dp"
                android:layout_marginLeft="5dp"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                />

            <RadioButton

                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                style="@style/MyRadioButtonStyle"
                android:gravity="center"
                android:paddingLeft="8dp"
                android:layout_marginLeft="5dp"
                />

            <RadioButton
                style="@style/MyRadioButtonStyle"
                android:gravity="center"
                android:paddingLeft="8dp"
                android:layout_marginLeft="7dp"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                />
        </RadioGroup>
    </TableRow>

</TableLayout>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

表格布局中的单选按钮组与列对齐 的相关文章

随机推荐