无法在Android Material Design中将主要颜色设置为工具栏

Question

我刚刚开始使用Material Design。我在将主要颜色设置为工具栏并将工具栏的宽度拟合到屏幕时面临问题。这是我的代码

activity_main.xml中

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity">

<include
    android:id="@+id/app_bar"
    layout="@layout/app_bar" />

<TextView
    android:layout_below="@id/app_bar"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/hello_world" />

app_bar.xml

<?xml version="1.0" encoding="utf-8"?><android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="?attr/colorPrimary">

styles.xml

<resources>

<!-- Base application theme -->
<style name="AppTheme.Base" parent="Theme.AppCompat.Light.NoActionBar">
    <!-- Customize your theme here. -->
</style>
<!-- Application theme for < v22-->
<style name="AppTheme" parent="AppTheme.Base">
    <item name="colorPrimary">@color/primary_color</item>
    <item name="colorPrimaryDark">@color/primary_colordark</item>
</style>

样式-v22.xml

<resources>

<!-- Application theme For v22 -->
<style name="AppTheme" parent="AppTheme.Base">
    <item name="android:colorPrimary">@color/primary_color</item>
    <item name="android:colorPrimaryDark">@color/primary_colordark</item>
</style>

colors.xml

<?xml version="1.0" encoding="utf-8"?><resources>
<color name="primary_color">#FFC107</color>
<color name="primary_colordark">#FFA000</color>

MainActivity

public class MainActivity extends AppCompatActivity {

Toolbar toolbar;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    toolbar = (Toolbar)findViewById(R.id.app_bar);
    setSupportActionBar(toolbar);

}

输出： 模拟器是5.1版本。项目的最小sdk为4.0。 当我尝试在工具栏背景中设置一些颜色时，我看到工具栏不适合屏幕宽度，并且未应用原色。试图将工具栏保留在LinearLayout中，但保留。

请帮我解决这个问题。

我几乎没有看到任何材料设计的例子。如果有人熟悉某些链接，请提供它。（看到Androidhive和youtube slidenr）。

谢谢。

Answer 1

尝试 app_bar.xml ：

<?xml version="1.0" encoding="utf-8"?
   <android.support.v7.widget.Toolbar
      xmlns:android="http://schemas.android.com/apk/res/android"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:background="@color/primary_color">