どうも、もりもりです。
前回まではIBM Cloudについてでしたが、今回からはAndroidのお話になります。
今回は、ToolBarを常に表示させる方法を残しておきます。
私が使用しているGalaxy s7 edgeはメニューボタンがありません。
バックキーを長押しすることでメニューを表示できますが、
それはそれで使い勝手が悪いので
ToolBarを常に表示するよう変更しようと思いました。
レイアウト
サンプルは28～42行目だけでしたが、改変後はこんな感じです。
14～26行目がToolBarになります。
<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".ToDoActivity">
<LinearLayout
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.design.widget.AppBarLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:theme="@style/AppTheme.AppBarOverlay">
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="?attr/colorPrimary"
app:popupTheme="@style/AppTheme.PopupOverlay"/>
</android.support.design.widget.AppBarLayout>
<LinearLayout
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:padding="4dp">
<ListView android:id="@+id/list"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@xml/bg_transparent_gray"
android:layout_weight="1"
android:choiceMode="singleChoice"
android:drawSelectorOnTop="false"/>
</LinearLayout>
</LinearLayout>
<android.support.design.widget.FloatingActionButton
android:id="@+id/fab"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="bottom|end"
android:layout_marginRight="100dp"
android:layout_marginBottom="@dimen/fab_margin"
app:srcCompat="@android:drawable/ic_input_add"/>
</android.support.design.widget.CoordinatorLayout>
スーパークラスの変更
サンプルはListActivityを継承していましたが
AppCompatActivityを継承するよう変更し、
ListViewのイベントなどは別で実装しています。
public class ToDoActivity extends AppCompatActivity
implements OnSharedPreferenceChangeListener {
}
ツールバーの設定
onCreateに8,9行目を追加するだけでOKです。
@Override
protected void onCreate(Bundle savedInstanceState) {
Log.d(LOG_TAG, "onCreate()");
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_todo);
// ツールバー
Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
setSupportActionBar(toolbar);
・・・
}
下記の赤枠ToolBarが常に表示されるようになりました。
メニュー表示設定
今回のメニューは４つあります。
・NEW
・Download（Pull）
・Upload（Push）
・Settings
ToolBarをご覧いただいておわかりの通り、「NEW」のみ表示されており
右上のメニューアイコンをタップすることで残りのメニューが表示されます。
<menu xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:compat="http://schemas.android.com/apk/res-auto" >
<item
android:id="@+id/action_new"
android:layout_height="wrap_content"
android:orderInCategory="100"
compat:showAsAction="ifRoom"
android:title="@string/action_new" />
<item
android:id="@+id/action_download"
android:orderInCategory="100"
compat:showAsAction="never"
android:title="@string/action_download" />
<item
android:id="@+id/action_upload"
android:orderInCategory="100"
compat:showAsAction="never"
android:title="@string/action_upload" />
<item
android:id="@+id/action_settings"
android:orderInCategory="100"
compat:showAsAction="never"
android:title="@string/action_settings" />
</menu>
showAsActionで、常に表示するか、メニュー内に入れるかなどを指定することが可能となっています。
＜showAsAction＞
| 値 |
詳細 |
| ifRoom |
表示するスペースがあれば表示する |
| withText |
titleのテキストを表示する |
| never |
常に表示しない |
| always |
常に表示する |
| collapseActionView |
actionViewLayoutで指定したアクションビューと関連付ける |
次回予告
次回 はテキストに取消線を入れる方法を紹介したいと思います。
ではまた～。
