How to put radio button on the editText

Question

This is a gender check button.

I want to deploy like this

<EditText
      android:id="@+id/txtSex"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_marginRight="29dp"
      android:layout_weight="1"
      android:ems="10"
      android:inputType="textPersonName"
      android:text=""/>

What purpose you need, like this.? – Hitesh Tarbundiya Mar 14 '19 at 06:38 — Hitesh Tarbundiya, Mar 14 '19 at 06:38
Please click the link to view the picture. – eggham0518 Mar 14 '19 at 06:40 — eggham0518, Mar 14 '19 at 06:40
you need just a line or `edittext` ? – Tejas Pandya Mar 14 '19 at 06:47 — Tejas Pandya, Mar 14 '19 at 06:47

score 4 · Accepted Answer · answered Mar 14 '19 at 06:43

Try this way

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:orientation="horizontal">

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

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginStart="10dp"
        android:orientation="vertical">

        <RadioGroup
            android:layout_width="250dp"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:orientation="horizontal">

            <RadioButton
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_margin="5dp"
                android:text="Male" />

            <RadioButton
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_margin="5dp"
                android:text="Female" />

        </RadioGroup>

        <View
            android:layout_width="250dp"
            android:layout_height="2dp"
            android:background="@android:color/black" />

    </LinearLayout>
</LinearLayout>

OUTPUT

@TejasPandya i know thats why i added in my answer try this way — AskNilesh, Mar 14 '19 at 06:49

score 0 · Answer 2 · answered Mar 14 '19 at 06:41

0

It looks to me like you just want a line underneath your RadioGroup. Just use a View with a height of 1dp and a background color.

answered Mar 14 '19 at 06:41

Gavin Wright

3,124
3
14
35

score 0 · Answer 3 · answered Mar 14 '19 at 06:42

0

To achieve this type of UI takes Two Radio button horizontally. after take View set height according to bottom line height. and put it to vertically of both radio buttons.

answered Mar 14 '19 at 06:42

VIISHRUT MAVANII

11,410
7
34
49

did you try this type of solution before ? – VIISHRUT MAVANII Mar 14 '19 at 06:44

score 0 · Answer 4 · answered Mar 14 '19 at 06:46

if you need only underline below the RadioButton then there is no need to put it in edittext. just put the view as shown below,

 <View
    android:layout_width="100dp"
    android:layout_height="1dp"
    android:layout_marginTop="10dp"
    android:background="#ccc" />

How to put radio button on the editText

4 Answers4