Android自定义工具栏v7(看起来像收件箱)

时间:2015-12-14 07:42:10

标签: android android-toolbar

我想像这样自定义工具栏。

我该怎么办?

我使用的是Android工具栏(V7)

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_gravity="bottom"
                android:background="@drawable/background_gradient"
                android:orientation="horizontal">

                <TextView
                    android:id="@+id/textView1"
                    android:layout_width="0dip"
                    android:layout_height="32dp"
                    android:layout_gravity="bottom|left"
                    android:layout_weight="0.82"
                    android:gravity="center_vertical"
                    android:paddingLeft="10dp"
                    android:text="@string/tripStart"
                    android:textColor="@color/nav_text_color"
                    android:textSize="12sp" />

                <TextView
                    android:id="@+id/textView2"
                    android:layout_width="wrap_content"
                    android:layout_height="32dp"
                    android:gravity="center_vertical"
                    android:paddingRight="10dp"
                    android:text="@string/tripEnd"
                    android:textColor="@color/nav_text_color"
                    android:textSize="12sp" />
            </LinearLayout>
        </android.support.v7.widget.Toolbar>

enter image description here

1 个答案:

答案 0 :(得分:2)

使用调色板会有所帮助,但我担心你可能无法获得所需的输出,因为它只会产生所需的颜色......

我经历了更多sdk的例子,我找到了一些有趣的东西

使用相对布局而不是linearlayout并使用标记android:fitSystemWindows="true“。

将它放在你的styles.xml

<style name="ApplicationTheme" parent="@android:style/Theme.AppCompat">
        <item name="windowActionBar">false</item>
        <item name="windowActionBarOverlay">true</item>
        <item name="android:windowActionBarOverlay">true</item>
    </style>

    <style name="ToolbarTheme" parent="@style/ThemeOverlay.AppCompat.Dark.ActionBar">
        <item name="android:windowActionBarOverlay">true</item>
        <!-- Support library compatibility -->
        <item name="windowActionBarOverlay">true</item>
    </style>

和  在您的工具栏中放置。

app:theme="@style/ToolbarTheme"