13.5 设计UI 界面主题颜色

我们首先把应用名称改成“我的日程”。在文件MyTodoApplication/app/src/main/res/values/strings.xml中:

  1. <resources>
  2. <string name="app_name">MyTodoApplication</string>
  3. <string name="action_settings">Settings</string>
  4. </resources>

改写成

  1. <resources>
  2. <string name="app_name">我的日程</string>
  3. <string name="action_settings">设置</string>
  4. </resources>

再去colors.xml中,设计主题颜色为:

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <resources>
  3. <color name="colorPrimary">#f2fced</color>
  4. <color name="colorPrimaryDark">#456a7c</color>
  5. <color name="colorAccent">#8fb3c4</color>
  6. </resources>

然后到文件MyTodoApplication/app/src/main/res/layout/activity_main.xml中,设置android.support.v7.widget.Toolbar的背景色为

  1. android:background="?attr/colorPrimaryDark"

配置android.support.design.widget.FloatingActionButton的图标为:

  1. app:srcCompat="drawable/ic_content_add"

其中,ic_content_add.png图片是我们添加按钮中间的加号 icon。