Menu
Below is my Relative layout..i am trying to place the radio buttons above the edittext
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="#FFFFFF" > <ImageView android:id="@+id/fbreplycancel" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentRight="true" android:layout_alignParentTop="true" android:src="@drawable/fbcancel" /> <RelativeLayout android:id="@+id/relativeLayout1" android:layout_width="80dp" android:layout_height="250dp" android:layout_alignParentRight="true" android:layout_below="@+id/fbcancel" > <Spinner android:id="@+id/replyspinner" android:layout_width="50dp" android:layout_height="30dp" android:layout_alignLeft="@+id/fbshare" android:layout_alignRight="@+id/fbshare" android:layout_below="@+id/fbshare" android:layout_marginTop="16dp" android:drawSelectorOnTop="true" android:entries="@array/fbcommentlist" android:visibility="gone" /> <Button android:id="@+id/fbshare" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:layout_centerHorizontal="true" android:background="@drawable/fbbuttons" android:text="@string/share" /> <ImageView android:id="@+id/fbpeople" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_above="@+id/fbshare" android:layout_centerHorizontal="true" android:layout_marginBottom="19dp" android:background="@drawable/people2" android:drawSelectorOnTop="true" android:paddingTop="20dp" /> <RadioButton android:id="@+id/radio2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:layout_centerVertical="true" android:text="RadioButton" /> </RelativeLayout> <View android:layout_width="250dp" android:layout_height="0.7dip" android:layout_alignParentLeft="true" android:layout_alignParentRight="true" android:layout_below="@+id/imageView1" android:background="#3b5998" /> <ImageView android:id="@+id/imageView1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignBottom="@+id/fbcancel" android:layout_alignParentLeft="true" android:layout_alignParentTop="true" android:paddingRight="2dp" android:src="@drawable/askabud" /> <TextView android:id="@+id/fbcommentpostedby" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignLeft="@+id/fbedittext" android:layout_alignRight="@+id/fbcommentdisplay" android:layout_below="@+id/imageView1" android:layout_marginTop="15dp" android:textColor="#000000" /> <TextView android:id="@+id/fbcommentdisplay" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignLeft="@+id/fbedittext" android:layout_below="@+id/fbcommentpostedby" android:layout_toLeftOf="@+id/relativeLayout1" android:textColor="#000000" /> <TextView android:id="@+id/fbtextview" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignBottom="@+id/imageView1" android:layout_toLeftOf="@+id/fbreplycancel" android:layout_toRightOf="@+id/imageView1" android:text="@string/replyrecommend" android:textSize="18sp" android:textColor="#000000"/> <TextView android:id="@+id/fbplacename" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignLeft="@+id/fbcommentdisplay" android:layout_alignRight="@+id/fbcommentdisplay" android:layout_below="@+id/fbcommentdisplay" android:textColor="#000000" /> <EditText android:id="@+id/fbedittext" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:layout_below="@+id/fbplacename" android:layout_marginLeft="19dp" android:layout_marginTop="45dp" android:layout_toLeftOf="@+id/relativeLayout1" android:background="@drawable/roundcorners" android:ems="10" android:hint="@string/fbhint" android:lines="6" android:scrollHorizontally="true" android:textSize="14sp" android:windowSoftInputMode="stateHidden" /> <RadioGroup android:id="@+id/radioGroup1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:layout_below="@+id/fbplacename" > <RadioButton android:id="@+id/radio0" android:layout_width="30dp" android:layout_height="30dp" android:checked="true" android:text="1" /> </RadioGroup> <RadioGroup android:id="@+id/radioGroup2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignTop="@+id/radioGroup1" android:layout_toLeftOf="@+id/relativeLayout1" > <RadioButton android:id="@+id/radio0" android:layout_width="26dp" android:layout_height="wrap_content" android:checked="true" android:text="3" /> <RadioButton android:id="@+id/radio2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="RadioButton" /> </RadioGroup> <RadioButton android:id="@+id/radio1" android:layout_width="30dp" android:layout_height="30dp" android:layout_alignTop="@+id/radioGroup2" android:layout_toLeftOf="@+id/radioGroup2" android:text="2" /> </RelativeLayout> Iam facing a hard time to arrange them horizontally.Any help is appreciated.
707
To make a horizontal radio button set, add the data-type="horizontal" to the fieldset . The framework will float the labels so they sit side-by-side on a line, hide the radio button icons and only round the left and right edges of the group.
Vertical positioning of radio buttons is safer. Try to lay out your lists vertically, with one choice per line. If you still need a horizontal layout with multiple options per line, make sure to space the buttons and labels so that it's absolutely clear which choice goes with which label.
RadioButton is a two states button which is either checked or unchecked. If a single radio button is unchecked, we can click it to make checked radio button. Once a radio button is checked, it cannot be marked as unchecked by user.
If you are only using one radio box for checking on and off, maybe you should use checkbox or toggle button instead. Scroll down and see checkbox and toggle button. When using radios you usually have more than one and choose between them.
To place a radiogroup (or any other view) above other just do:
android:layout_above="@+id/view_below" To change the orientation just set:
android:orientation="horizontal" And to give equal width to items make use of layout_weight:
<RadioGroup android:id="@+id/radio_group" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" android:layout_above="@+id/view_below" > <RadioButton android:id="@+id/radio1" android:layout_width="0dp" android:layout_weight="1" android:layout_height="wrap_content" android:checked="true" android:text="First" /> <RadioButton android:id="@+id/radio2" android:layout_width="0dp" android:layout_weight="1" android:layout_height="wrap_content" android:text="Second" /> </RadioGroup> If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
