如何设置单选按钮以根据活动导航用户

问题描述 投票:0回答:1

我是android编程的新手。我想在每个活动的顶部设置单选按钮以导航用户。这样可以帮助用户了解他们正在进行的活动。

请任何人指导我。

Screenshot

android android-layout android-radiobutton
1个回答
0
投票

在每个活动中添加以下布局,然后根据活动更改视图的颜色

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal">
<ImageView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/ic_circle_pink_24dp"/>
<View
    android:layout_width="match_parent"
    android:layout_height="5dp"
    android:layout_weight="1"
    android:layout_gravity="center"
    android:background="#EC2A47"
    />
<ImageView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/ic_circle_pink_24dp"/>
<View
    android:layout_width="match_parent"
    android:layout_height="5dp"
    android:layout_weight="1"
    android:layout_gravity="center"
    android:background="#ADACAC"
    />
<ImageView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/ic_circle_grey_24dp"/>
<View
    android:layout_width="match_parent"
    android:layout_height="5dp"
    android:layout_gravity="center"
    android:layout_weight="1"
    android:background="#ADACAC"
    />
<ImageView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/ic_circle_grey_24dp"/>
</LinearLayout>
<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal">
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="#EC2A47"
        android:text="Delivery"
        android:layout_weight="1"
        android:gravity="start"
        />
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="#EC2A47"
        android:gravity="center"
        android:layout_weight="1"
        android:text="Confirmation"


        />
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="#ADACAC"
        android:gravity="center"
        android:layout_weight="1"
        android:text="Payment"

        />
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="#ADACAC"

        android:layout_weight="1"
        android:gravity="end"
        android:text="Finish"
        />
</LinearLayout>

ic_circle_pink_24dp.xml

<vector android:height="24dp" android:tint="#F24459"
android:viewportHeight="24.0" android:viewportWidth="24.0"
android:width="24dp" xmlns:android="http://schemas.android.com/apk/res/android">
<path android:fillColor="#FF000000" android:pathData="M12,2C6.48,2 2,6.48 2,12s4.48,10 10,10 10,-4.48 10,-10S17.52,2 12,2z"/>

ic_circle_grey_24dp.xml

<vector android:height="24dp" android:tint="#ADACAC"
android:viewportHeight="24.0" android:viewportWidth="24.0"
android:width="24dp" xmlns:android="http://schemas.android.com/apk/res/android">
<path android:fillColor="#FF000000" android:pathData="M12,2C6.48,2 2,6.48 2,12s4.48,10 10,10 10,-4.48 10,-10S17.52,2 12,2z"/>

输出如下:enter image description here

enter image description here

© www.soinside.com 2019 - 2024. All rights reserved.