主页 / 问题 / 1139305
Accepted
Anton Charov
Asked:2020-06-10 23:15:15 +0800 CST2020-06-10 23:15:15 +0800 CST

如何自定义ActionBar？

  • 772

需要绘制如下界面

在此处输入图像描述

首先，我正在尝试替换 ActionBar 的样式

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
    <item name="android:actionBarStyle">@style/MyActionBarTheme</item>
</style>

<style name="MyActionBarTheme" parent="@android:style/Widget.Holo.Light.ActionBar">
    <item name="android:background">@drawable/actionbar_background</item>
</style>

actionbar_background.xml

<?xml version="1.0" encoding="utf-8"?>
<shape
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid
        android:color="@color/background">
    </solid>
    <corners
        android:bottomLeftRadius="40dp"
        android:bottomRightRadius="40dp">
    </corners>
</shape>

但是，外观并没有改变。我究竟做错了什么？也许它在parent="@android:style/Widget.Holo.Light.ActionBar"？继承自别的东西？

第二个问题是关于 Material design 风格的卡片。我正在考虑尝试使用 RecyclerView 来实现它，还是有更合适的方法？

java

2 个回答

  1. 首先，关于 actionBar：您可以使用自定义标记制作此小部件，该小部件将具有您需要的所有属性。在我看来，风格在这里并没有真正的帮助。例如，有一个关于如何使用自己的布局制作工具栏的教程。这里的关键是将创建的xml布局设置为工具栏：

    this.getSupportActionBar().setDisplayOptions(ActionBar.DISPLAY_SHOW_CUSTOM);
getSupportActionBar().setDisplayShowCustomEnabled(true);
getSupportActionBar().setCustomView(R.layout.custom_action_bar);
getSupportActionBar().setElevation(0);
View view = getSupportActionBar().getCustomView();

    这是另一个类似的教程。其次，关于卡片：这是一个常规的卡片视图，您可以在其中放置带有小部件的垂直线性布局。在这种情况下，recyclerView 会过于繁琐，一般不会用于此类用途。如图所示，除了创建卡片本身之外，只有您需要将其安装到高于您的自定义工具栏的位置。以下是此类卡的示例：

    <androidx.cardview.widget.CardView
android:id="@+id/card_view"
android:layout_width="200dp"
android:layout_height="200dp"
android:layout_gravity="center"
android:layout_marginStart="16dp"
android:layout_marginTop="16dp"
app:cardCornerRadius="4dp">

 // здесь нужно разместить ваши поля для ввода
</androidx.cardview.widget.CardView>

    这是一个类似的讨论和教程。

    • 1
  2. Best Answer

    这样做的

    <androidx.appcompat.widget.Toolbar
    android:layout_width="0dp"
    android:layout_height="200dp"
    android:background="@drawable/actionbar_background"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent"/>

<com.google.android.material.card.MaterialCardView
    android:id="@+id/card_view"
    android:layout_width="0dp"
    android:layout_height="550dp"
    android:layout_gravity="center"
    android:layout_marginTop="130dp"
    android:layout_marginLeft="20dp"
    android:layout_marginRight="20dp"
    app:cardCornerRadius="50dp"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent">

 <style name="AppTheme" parent="Theme.MaterialComponents.Light.NoActionBar">
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
</style>

<style name="SplashTheme" parent="Theme.MaterialComponents.Light.NoActionBar">
    <item name="android:windowBackground">@drawable/logo</item>
     <item name="colorPrimaryDark">@color/background</item>
</style>

<style name="MyActionBarTheme" parent="Theme.MaterialComponents.Light.DarkActionBar">
    <item name="background">@drawable/actionbar_background</item>
</style>
    • 0

相关问题