custom rating bar in android example :
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
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:background="@color/white"
android:layout_marginTop="@dimen/margin_equal"
android:layout_width="match_parent"
xmlns:ads="http://schemas.android.com/apk/res-auto"
android:layout_height="wrap_content">
<TextView
android:id="@+id/textView4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="@dimen/margin_msixteen"
android:layout_marginTop="@dimen/margin_equal"
android:text="@string/ratings_amp_reviews"
android:textColor="@color/black"
android:textSize="@dimen/font_eighteen"
android:textStyle="bold"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<LinearLayout
android:id="@+id/linearLayout3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="@dimen/margin_msixteen"
android:gravity="center"
android:orientation="horizontal"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView4">
<ImageView
android:id="@+id/average_star"
android:layout_width="@dimen/dimens_30dp"
android:layout_height="@dimen/dimens_30dp"
android:layout_margin="@dimen/margin_equal"
android:layout_weight="1"
app:srcCompat="@drawable/star"
app:tint="@color/black" />
<TextView
android:id="@+id/average_rating"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="@string/_4_5"
android:textColor="@color/black"
android:textSize="@dimen/font_xxXlarge36"
android:textStyle="bold" />
</LinearLayout>
<TextView
android:id="@+id/total_ratings"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/_27_ratings"
android:textSize="12sp"
app:layout_constraintEnd_toEndOf="@+id/linearLayout3"
app:layout_constraintStart_toStartOf="@+id/linearLayout3"
app:layout_constraintTop_toBottomOf="@+id/linearLayout3" />
<androidx.cardview.widget.CardView
android:id="@+id/adcard"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
android:layout_marginTop="@dimen/margin_equal"
android:backgroundTint="@color/whie"
android:paddingTop="@dimen/margin_equal"
android:paddingBottom="@dimen/margin_equal"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/total_ratings">
<com.google.android.gms.ads.AdView
android:id="@+id/adVieww"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
android:layout_marginTop="@dimen/margin_foure"
android:layout_marginBottom="@dimen/margin_foure"
ads:adSize="BANNER"
ads:adUnitId="@string/banner_ad_unit_id"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/total_ratings" />
</androidx.cardview.widget.CardView>
<View
android:id="@+id/divider5"
android:layout_width="@dimen/dimens_0dp"
android:layout_height="@dimen/dimens_1dp"
android:layout_marginTop="@dimen/margin_equal"
android:background="?android:attr/listDivider"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/adcard"
tools:ignore="MissingConstraints" />
<TextView
android:id="@+id/tv_your_ratings"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="@dimen/margin_msixteen"
android:layout_marginTop="@dimen/margin_equal"
android:text="@string/submit_a_review"
android:textSize="@dimen/font_small"
android:textStyle="bold"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/divider5" />
<RatingBar
android:id="@+id/ratingBar"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="@dimen/margin_equal"
android:theme="@style/RatingBar"
android:stepSize="1"
android:rating="5"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toBottomOf="@+id/tv_your_ratings"
tools:layout_constraintLeft_creator="1"
tools:layout_constraintRight_creator="1"
tools:layout_constraintTop_creator="1" />
<LinearLayout
android:id="@+id/rate_now_container"
android:layout_width="@dimen/dimens_0dp"
android:layout_height="wrap_content"
android:layout_marginStart="@dimen/margin_msixteen"
android:layout_marginTop="@dimen/margin_equal"
android:layout_marginEnd="@dimen/margin_msixteen"
android:visibility="visible"
android:orientation="horizontal"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/tv_your_ratings">
<ImageView
android:id="@+id/imageView9"
android:layout_width="match_parent"
android:layout_height="@dimen/dimens_30dp"
android:layout_marginTop="@dimen/margin_equal"
android:layout_marginBottom="@dimen/margin_equal"
android:layout_weight="1"
app:srcCompat="@drawable/star"
app:tint="@color/searchBarTextColorDark" />
<ImageView
android:id="@+id/imageView10"
android:layout_width="match_parent"
android:layout_height="@dimen/dimens_30dp"
android:layout_marginTop="@dimen/margin_equal"
android:layout_marginBottom="@dimen/margin_equal"
android:layout_weight="1"
app:srcCompat="@drawable/star"
app:tint="@color/searchBarTextColorDark" />
<ImageView
android:id="@+id/imageView11"
android:layout_width="match_parent"
android:layout_height="@dimen/dimens_30dp"
android:layout_marginTop="@dimen/margin_equal"
android:layout_marginBottom="@dimen/margin_equal"
android:layout_weight="1"
app:srcCompat="@drawable/star"
app:tint="@color/searchBarTextColorDark" />
<ImageView
android:id="@+id/imageView12"
android:layout_width="match_parent"
android:layout_height="@dimen/dimens_30dp"
android:layout_marginTop="@dimen/margin_equal"
android:layout_marginBottom="@dimen/margin_equal"
android:layout_weight="1"
app:srcCompat="@drawable/star"
app:tint="@color/searchBarTextColorDark" />
<ImageView
android:id="@+id/imageView13"
android:layout_width="match_parent"
android:layout_height="@dimen/dimens_30dp"
android:layout_marginTop="@dimen/margin_equal"
android:layout_marginBottom="@dimen/margin_equal"
android:layout_weight="1"
app:srcCompat="@drawable/star"
app:tint="@color/searchBarTextColorDark" />
</LinearLayout>
<com.google.android.material.textfield.TextInputLayout
android:id="@+id/textInputLayoo"
style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
android:layout_width="@dimen/dimens_0dp"
android:layout_height="wrap_content"
android:layout_marginStart="@dimen/margin_equal"
android:layout_marginTop="@dimen/margin_equal"
android:layout_marginEnd="@dimen/margin_foure"
android:layout_marginBottom="@dimen/margin_equal"
android:hint="@string/write_your_review"
app:boxStrokeColor="@color/colorPrimary"
app:boxStrokeWidthFocused="@dimen/dimens_2dp"
app:endIconMode="clear_text"
app:endIconTint="@color/colorPrimary"
app:hintTextColor="@color/black"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toStartOf="@+id/button3"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/ratingBar"
tools:ignore="MissingConstraints">
<com.google.android.material.textfield.TextInputEditText
android:id="@+id/meta_descrip"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="top"
android:imeOptions="actionNext"
android:inputType="textMultiLine"
android:transitionName="username_tran">
</com.google.android.material.textfield.TextInputEditText>
</com.google.android.material.textfield.TextInputLayout>
<Button
android:id="@+id/button3"
android:layout_width="wrap_content"
android:layout_height="@dimen/dimens_60dp"
android:layout_marginEnd="@dimen/margin_foure"
android:backgroundTint="@color/colorBTN"
android:text="@string/submit"
android:textAllCaps="false"
app:layout_constraintBottom_toBottomOf="@+id/textInputLayoo"
app:layout_constraintEnd_toEndOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>
✅ Tags
Android Layout