AndroidでMaterial Design

最終更新日15 May 2017 14:11

導入の仕方

build.gradleに以下を追記

compile 'com.android.support:design:25.+'

25.+の25という数字はtargetSdkVersionに合わせる。
Android API Level 7以上で使用可能
Google 公式ライブラリ
https://guides.codepath.com/android/Design-Support-Library
だけどクラス数が少ない

Material Design の非公式ライブラリ

http://qiita.com/kazutoyo/items/6a5f1ddece0c51898571

Material Themeを使う

Android Developers マテリアル テーマの使用

  • values-v21フォルダを作り、その下にstyles.xmlファイルを作る

以下を記述

<resources>
 
    <!-- Base application theme. -->
    <style name="AppTheme" parent="@android:style/Theme.Material">
    </style>
 
</resources>

Android Developers 互換性の維持
Android Developers マテリアルテーマの使用より
この変更を加えたら、このままだとsetContentViewでエラーになることがある。
エラーメッセージを見てみると
 Caused by: android.view.InflateException: Binary XML file line #25: Binary XML file line #25: Error inflating class android.support.design.widget.BottomNavigationView
                                                  Caused by: android.view.InflateException: Binary XML file line #25: Error inflating class android.support.design.widget.BottomNavigationView

ActionBarやBottomNavigationを使ってるとエラーになるようだ。
  • extends AppCompatActivityだったのをActivityに変える
  • BottomNavigation関連のコードを消す

この2つをやったら直った。


material-design


ファイル

サポートサイト Wikidot.com material-design