为 android 应用程序创建类似工具栏的 viber iOS

Question

我想为 android 创建类似工具栏的 viber iOS。详情见下图。

我希望 "All" 和 "Groups" 像工具栏中的两个按钮一样，并在单击按钮时在主 activity 中加载相应的片段。

任何人都可以帮助我创建此工具栏的布局。提前致谢。

Answer 1

XML 文件将是：

<LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/colorAccent"
        android:orientation="horizontal"
        android:padding="10dp">

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:src="@drawable/common_google_signin_btn_text_dark" />

        <LinearLayout
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@drawable/corner_drawable"
                android:gravity="center"
                android:padding="10dp"
                android:text="All" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@drawable/corner_drawable_1"
                android:gravity="center"
                android:padding="10dp"
                android:text="Groups"
                android:textColor="@android:color/white" />
        </LinearLayout>

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:src="@drawable/common_google_signin_btn_text_dark" />
    </LinearLayout>

可绘制文件将如下所示：

1. corner_drawable.xml

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <corners
        android:bottomLeftRadius="10dp"
        android:topLeftRadius="10dp" />
    <solid android:color="@android:color/white" />
</shape>

2。 corner_drawable1.xml

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <corners
        android:bottomRightRadius="10dp"
        android:topRightRadius="10dp" />
    <solid android:color="@android:color/black" />
</shape>

为 android 应用程序创建类似工具栏的 viber iOS

Create viber iOS like toolbar for android app

android

android-toolbar