dependencies { compile "com.android.support:appcompat-v7:21.0.+" }
values/themes.xml: <style name="Theme.MyTheme" parent="Theme.AppCompat.Light"> <!-- AppCompat の actionBarStyle を設定 --> <item name="actionBarStyle">@style/MyActionBarStyle</item> <!-- AppCompat の color theming attrs を設定 --> <item name=”colorPrimary”>@color/myawesomered</item> <item name=”colorPrimaryDark”>@color/myawesomedarker_red</item> <!-- 他の属性 --> </style>
values/themes.xml: <style name="Theme.MyTheme" parent="Theme.AppCompat.Light"> <!-- colorPrimary is used for the default action bar background --> <item name=”colorPrimary”>@color/my_awesome_color</item> <!-- status bar には colorPrimaryDark が使用されます --> <item name=”colorPrimaryDark”>@color/my_awesome_darker_color</item> <!-- ウィジェットに色合いを付ける colorControlActivated のデフォルト値として colorAccent が使用されます --> <item name=”colorAccent”>@color/accent</item> <!-- 他にも colorControlNormal、colorControlActivated、 colorControlHighlight と colorSwitchThumbNormalを設定できます --> </style>
<android.support.v7.widget.Toolbar android:id=”@+id/my_awesome_toolbar” android:layout_height=”wrap_content” android:layout_width=”match_parent” android:minHeight=”?attr/actionBarSize” android:background=”?attr/colorPrimary” />
@Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.blah); Toolbar toolbar = (Toolbar) findViewById(R.id.myawesometoolbar); setSupportActionBar(toolbar); }
@Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.blah); Toolbar toolbar = (Toolbar) findViewById(R.id.myawesometoolbar); // メニューアイテムのクリックに対応するために、OnMenuItemClickListener を設定 toolbar.setOnMenuItemClickListener(new Toolbar.OnMenuItemClickListener() { @Override public boolean onMenuItemClick(MenuItem item) { // メニューアイテムに対応 return true; } }); // toolbar に表示されるようにメニューを inflate toolbar.inflateMenu(R.menu.yourtoolbarmenu); }
<android.support.v7.widget.Toolbar android:layoutheight="wrapcontent" android:layoutwidth="matchparent" android:minHeight="?attr/actionBarSize" app:theme="@style/ThemeOverlay.AppCompat.ActionBar" />
app:theme
<android.support.v7.widget.Toolbar android:layoutheight=”wrapcontent” android:layoutwidth=”matchparent” android:minHeight=”@dimen/tripleheighttoolbar” app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />
values/themes.xml: <style name=”Theme.MyTheme” parent=”Theme.AppCompat”> <item name=”searchViewStyle”>@style/MySearchViewStyle</item> </style> <style name=”MySearchViewStyle” parent=”Widget.AppCompat.SearchView”> <!-- 検索クエリ部分（EditText など）の背景 --> <item name="queryBackground">...</item> <!-- アクション部分（voice、submit など）の背景 --> <item name="submitBackground">...</item> <!-- Close ボタンアイコン --> <item name="closeIcon">...</item> <!-- Search ボタンアイコン --> <item name="searchIcon">...</item> <!-- Go/commit ボタンアイコン --> <item name="goIcon">...</item> <!-- Voice search ボタンアイコン --> <item name="voiceIcon">...</item> <!-- クエリ サジェスチョン行に表示される Commit アイコン --> <item name="commitIcon">...</item> <!-- クエリ サジェスチョン行の レイアウト --> <item name="suggestionRowLayout">...</item> </style>
