I want to select Gender from 3 card views and user cannot choose multiple card views user only can select one card view like this:
I know I can also use spinner for this work but I want to know how to do with card view
Edited
.......................
<TextView
android:id="@+id/textView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="select Gender"
android:textColor="@color/black"
android:textSize="30sp"
android:textStyle="bold" />
<androidx.cardview.widget.CardView
android:id="@+id/maleCardView"
android:layout_width="match_parent"
android:layout_height="70dp"
android:layout_margin="16dp"
android:elevation="6dp"
app:cardElevation="6dp">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Male"
android:textStyle="bold"
android:textColor="@color/black"
android:layout_gravity="center"
android:textSize="22sp"/>
</androidx.cardview.widget.CardView>
<androidx.cardview.widget.CardView
android:id="@+id/femaleCardView"
android:layout_width="0dp"
android:layout_height="70dp">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:text="Female"/>
</androidx.cardview.widget.CardView>
<androidx.cardview.widget.CardView
android:id="@+id/otherCardView"
android:layout_width="0dp">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Other"/>
</androidx.cardview.widget.CardView>
.............
Output
Using RadioButton
inside CardView
doesn't work with RadioGroup
you have to individually add each radio button in CardView
and handle the check selection and de-selection manually. Try below code :
Main Layout:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent">
<LinearLayout
android:id="@+id/radioGrpGender"
android:layout_width="match_parent"
android:orientation="vertical"
android:layout_centerInParent="true"
android:layout_marginTop="30dp"
android:layout_height="wrap_content">
<TextView
android:id="@+id/txtGender"
android:layout_width="match_parent"
android:text=""
android:gravity="center"
android:layout_height="wrap_content"/>
<androidx.cardview.widget.CardView
android:layout_width="match_parent"
android:layout_margin="5dp"
app:cardCornerRadius="50dp"
app:cardElevation="7dp"
android:layout_height="50dp">
<RadioButton
android:id="@+id/radioMale"
android:text="Male"
android:paddingStart="10dp"
android:background="@drawable/radio_flat_selector"
android:button="@android:color/transparent"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
</androidx.cardview.widget.CardView>
<androidx.cardview.widget.CardView
android:layout_width="match_parent"
android:layout_margin="5dp"
app:cardCornerRadius="50dp"
android:layout_height="50dp">
<RadioButton
android:id="@+id/radioFemale"
android:text="Female"
android:paddingStart="10dp"
android:background="@drawable/radio_flat_selector"
android:button="@android:color/transparent"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
</androidx.cardview.widget.CardView>
<androidx.cardview.widget.CardView
android:layout_width="match_parent"
android:layout_margin="5dp"
app:cardCornerRadius="50dp"
android:layout_height="50dp">
<RadioButton
android:id="@+id/radioOther"
android:text="Other"
android:paddingStart="10dp"
android:background="@drawable/radio_flat_selector"
android:button="@android:color/transparent"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
</androidx.cardview.widget.CardView>
</LinearLayout>
radio_flat_selector.xml
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/radio_flat_selected"
android:state_checked="true" />
<item android:drawable="@drawable/radio_flat_regular" />
radio_flat_selected.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<corners android:radius="1dp" />
<solid android:color="#D2FFDF" />
</shape>
radio_flat_regular.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<solid android:color="#ffffff" />
</shape>
Main Java Code:
public class YourActivityName extends AppCompatActivity implements CompoundButton.OnCheckedChangeListener {
private RadioButton radioMale;
private RadioButton radioFemale;
private RadioButton radioOther;
private TextView txtGender;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.your_layout_nanme);
radioMale = findViewById(R.id.radioMale);
radioFemale = findViewById(R.id.radioFemale);
radioOther = findViewById(R.id.radioOther);
txtGender = findViewById(R.id.txtGender);
radioMale.setOnCheckedChangeListener(this);
radioFemale.setOnCheckedChangeListener(this);
radioOther.setOnCheckedChangeListener(this);
}
@Override
public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
if (isChecked) {
txtGender.setText(buttonView.getText().toString());
if (R.id.radioMale == buttonView.getId()) {
radioFemale.setChecked(false);
radioOther.setChecked(false);
} else if (R.id.radioFemale == buttonView.getId()) {
radioMale.setChecked(false);
radioOther.setChecked(false);
} else {
radioFemale.setChecked(false);
radioMale.setChecked(false);
}
}
}
}