Toolbar로 스타일리시한 대화상자 만들기

8165 단어 Android

이미지


Toolbar이므로 이벤트 처리에 왼쪽 위와 오른쪽 위의 두 아이콘을 추가할 수 있습니다.그림처럼 긍정/부정 버튼이 준비되면 경보 대화 상자처럼 사용할 수 있나.
이번 설치처럼 경보 대화 상자의 View 부분만 설치하는 방법이라면 4개 계열과 5개 계열은 동일하게 설계할 수 있다.

코드


Activity, Action BarActivity를 계승하세요.
SampleFragment.java
LayoutInflater inflater = getActivity().getLayoutInflater();
View view = inflater.inflate(R.layout.dialog_sample, null);

Toolbar toolbar = (Toolbar) view.findViewById(R.id.toolbar);
toolbar.setNavigationOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        // ナビゲーションアイコンクリック時の処理
    }
});
toolbar.inflateMenu(R.menu.menu_sample);
toolbar.setOnMenuItemClickListener(new Toolbar.OnMenuItemClickListener() {
    @Override
    public boolean onMenuItemClick(MenuItem menuItem) {
        // メニュークリック時の処理
        return false;
    }
});

new AlertDialog.Builder(getActivity())
        .setView(view)
        .show();

배치


dialog_sample.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:navigationIcon="@drawable/ic_navigation_alert"
        app:subtitle="Subtitle"
        app:title="Title" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:padding="16dp">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="EditText" />

        <EditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginBottom="8dp" />

        <CheckBox
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="CheckBox" />
    </LinearLayout>

</LinearLayout>

메뉴


menu_sample.xml
<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <item
        android:id="@+id/action_cancel"
        android:icon="@drawable/ic_action_cancel"
        android:orderInCategory="100"
        android:title="@string/action_cancel"
        app:showAsAction="always" />

    <item
        android:id="@+id/action_done"
        android:icon="@drawable/ic_action_done"
        android:orderInCategory="110"
        android:title="@string/action_done"
        app:showAsAction="always" />
</menu>

좋은 웹페이지 즐겨찾기