Android Tips #45 Dialog をフルカスタマイズする | DevelopersIO
はじめに 以前より社内で Dialog のデザイン変えたりレイアウト変えたりいろいろカスタマイズしたい！という要件を耳にすることが多いのでフルカスタマイズする方法を書き留めておきたいと思います。今回は例として下図のようなレイアウトの Dialog を作ってみたいと思います。 DialogFragment をカスタマイズする まず大前提として DialogFragment を継承したクラスでカスタマイズしましょう！ Dialog を new して show するのはもう時代遅れです。Support Package を使えば Android 1.6 から使うことができますよ。 CustomDialogFragment.java package jp.classmethod.android.sample.customdialog; import android.app.Dialog; impor
コジオニルク - Android - DialogFragment
Android - DialogFragment 何故DialogFragmentか Android Support Packageが登場する以前のダイアログの表示の仕方は以下のようなものだった。 public class MainActivity extends Activity { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); findViewById(R.id.button).setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { // Activity.sho
DialogFragmentの落とし穴にはまらないための方法
AndroidにFragmentが導入されて以来、Dialogを直接使うことは非推奨となり、DialogFragmentを使うことが推奨されている。 Dialogはあまり深く考えずに使っても大丈夫だったのだが、DialogFragmentは落とし穴が多数あり、正しく使わないとアプリが落ちてしまう。具体的には、Fragmentの再生成が発生したときに正しく動作しなくなる。 以下では「FragmentからDialogFragmentを開き、結果(OK/Cancel)をFragmentに返す」という場合を例にして、DialogFragmentの落とし穴を回避するための書き方を説明する。 正しいコードpublic class OkCancelDialog extends DialogFragment { static public interface OkCancelListener { void
Android:DialogFragment.setRetainInstance(true)使用時は画面回転に注意
DialogFragmentにsetRetainInstance(true)を指定する時は注意が必要です。 下記の手順を踏むと、表示中のダイアログが閉じてしまいます。 【手順】 1. DialogFragmentを生成し、setRetainInstance(true)を指定 2. DialogFragmentを.show(...)メソッドで表示 3. 画面の向きを変更する(Orientation change) 【結果】 手順2で表示したダイアログが閉じてしまいます（画像１）。 しかし、setRetainInstance(false)を設定している場合ダイアログは閉じません（画像２）。 setRetainInstance(true)の場合でもダイアログを閉じたくなければ、次の回避策を使います。 # コードが汚れる上に力技です。 【回避策】 onDestroyView()でsuper.onD
Android Honeycomb 以降ではダイアログの外部タッチで閉じる、がデフォルトになっている
ダイアログの周りの領域をタッチしたときにダイアログを閉じるかどうかは setCanceledOnTouchOutside() で設定できます。 Honeycomb 以降では、ダイアログの外部をタッチしたときにダイアログが閉じるようになっているので、それが嫌な場合は Dialog のインスタンスに対して setCanceledOnTouchOutside(false) を呼べば OK です。 DialogFragment なら onActivityCreated() で getDialog() で Dialog のインスタンスを取得できます。 なんでこうなってるのかを調べたら意外に深かった。。。 まず、Dialog の setCanceledOnTouchOutSide() は内部では Window に対して setCloseOnTouchOutside() を呼んでいます。 http://
Android Quick Action の Android ライブラリプロジェクトを作ってみた
Google I/O の UI design pattern で紹介されていた、Quick Action (twitter アプリや Gmail アプリで使われている) は標準の SDK の中にはありません。 # Quick Action については以前のエントリ「Android UI Design Tips」でも簡単にかきました。 leibun さんのブログのエントリがわかりやすいです。 QuickActionの使い方 - leibunのテクニカルブログ - leibun さんのブログでも紹介されてますが、 ・http://code.google.com/p/simple-quickactions/ ・http://www.londatiga.net/it/how-to-create-quickaction-dialog-in-android/ とかでソースが公開されています。 http
Android DialogFragment では Dialog のサイズ指定は onActivityCreated でやれ
Android DialogFragment では Dialog のサイズ指定は onActivityCreated でやれ 前のエントリでダイアログのサイズを指定する方法を紹介しましたが、 （Y.A.M の 雑記帳: Android Dialog の大きさを自分で設定する -） これを DialogFragment で行う場合、ちょっと注意が必要です。 DialogFragment には表示するダイアログのインスタンスを自分で作成するための onCreateDialog() というメソッドが用意されています。 このメソッドを Override して、任意の Dialog クラスのインスタンスを返すことでオリジナルのテーマを適用したダイアログを表示することができます。 public class MyDialogFragment extends DialogFragment { @Overr
Android Dialog の大きさを自分で設定する
毎回、過去に実装したアプリのコードを見るのがめんどいのでメモしておきます。 例えば、入力欄のあるオリジナルのダイアログを作るとします。 public void showOriginalDialog(Context context) { LinearLayout ll = new LinearLayout(context); ll.setOrientation(LinearLayout.VERTICAL); TextView tv = new TextView(context); tv.setText("お名前を入力してください。"); EditText et = new EditText(context); ll.addView(tv); ll.addView(et); Dialog dialog = new Dialog(context); dialog.setContentView(l
Android開発の落とし穴 - FLYING
昨日のエントリーに引き続き，バッドノウハウ的なものを箇条書きでまとめておく。思い付いた順に追加していく予定。 Activity関連 永続化はonPauseで行う*1。詳しくはActivityのライフサイクル図を参照のこと。 onPauseと対になっている処理は，onResumeで行うこと。onStart/onStopはあんまり使わない，気がする。 DialogはAlertDialog.Builderを使って実装するのが楽。ただし，裏で何らかの処理を行なっている間，ユーザーに操作をさせないために表示するダイアログ（いわゆるProgressDialog）は使わないようにする。DialogではなくActivityを新しく作って表示させることで，いくつかのトラブルを回避できる*2 *3。 重いタスクはUIスレッドで処理しない。AsyncTaskなどを使ってワーカースレッドで実行する。ただし，ワーカ
コールバックを使ってDialogの実装をスリムにする - 明日の鍵（跡地）
edit_name_dialog.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="wrap_content" android:layout_height="wrap_content"> <EditText android:id="@+id/txtName" android:layout_width="fill_parent" android:layout_height="wrap_content" /> <LinearLayout android:id="@+id/footer" android:orie
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Preview the new Google Groups - Google Groups