2014年4月27日日曜日

バックグラウンド処理の間プログレスダイアログを表示するAsyncTask

AsyncTaskのパラメタライズはそのままに、共通化したい前処理や後処理を実装するとこんな感じ。

view plainprint?
  1. /** 
  2.  * バックグラウンド処理の間にキャンセルできないプログレスダイアログを表示する 
  3.  */  
  4. public abstract class ModalProgressTask<Params, Progress, Result> extends AsyncTask<Params, Progress, Result> {  
  5.   
  6.     private final WeakReference<ProgressDialog> mProgressRef;  
  7.   
  8.     public ModalProgressTask(Context context, String message) {  
  9.         ProgressDialog dialog = new ProgressDialog(context);  
  10.         dialog.setMessage(message);  
  11.         dialog.setCancelable(false);  
  12.         mProgressRef = new WeakReference<ProgressDialog>(dialog);  
  13.     }  
  14.   
  15.     @Override  
  16.     protected void onPreExecute() {  
  17.         super.onPreExecute();  
  18.         ProgressDialog dialog = mProgressRef.get();  
  19.         if (dialog != null && !dialog.isShowing()) {  
  20.             dialog.show();  
  21.         }  
  22.     }  
  23.   
  24.     @Override  
  25.     protected void onPostExecute(Result result) {  
  26.         super.onPostExecute(result);  
  27.         ProgressDialog dialog = mProgressRef.get();  
  28.         if (dialog != null && dialog.isShowing()) {  
  29.             dialog.dismiss();  
  30.         }  
  31.     }  
  32.   
  33.     @Override  
  34.     protected void onCancelled() {  
  35.         super.onCancelled();  
  36.         ProgressDialog dialog = mProgressRef.get();  
  37.         if (dialog != null && dialog.isShowing()) {  
  38.             dialog.dismiss();  
  39.         }  
  40.     }  
  41. }  



投稿者 時刻: 0 件のコメント:
ラベル:

2014年4月15日火曜日

InsetDrawableで余白のある区切り線を作る

InsetDrawableについては「Android　InsetDrawableを活用する」で取り上げましたが、これを使うとListView用に左右に余白のある区切り線を作ることができます。 res/drawable/list_divider.xml
view plainprint?
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <inset xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:insetLeft="8dp" android:insetRight="8dp">  
  4.   
  5.     <shape>  
  6.         <solid android:color="#cccccc" />  
  7.         <size android:height="1dp" />  
  8.     </shape>  
  9.   
  10. </inset>  
view plainprint?
  1. public class MainListFragment extends ListFragment {  
  2.   
  3.     @Override  
  4.     public void onViewCreated(View view, Bundle savedInstanceState) {  
  5.         super.onViewCreated(view, savedInstanceState);  
  6.   
  7.         ListView lv = getListView();  
  8.         lv.setDivider(getResources().getDrawable(R.drawable.list_divider));  
  9.     }  
  10.   
  11.     ...  
  12. }  




投稿者 時刻: 0 件のコメント:
ラベル:

2014年4月14日月曜日

Android　画像サイズ

アップアイコン （48dp x 48dp）

ldpi36 x 36（1dp = 3/4px4dp = 3px）
mdpi48 x 48（1dp = 1px4dp = 4px）
hdpi72 x 72（1dp = 1.5px4dp = 6px）
xhdpi96 x 96（1dp = 2px4dp = 8px）
xxhdpi144 x 144（1dp = 3px4dp = 12px）
xxxhdpi192 x 192（1dp = 4px4dp = 16px）




Action Bar （32dp x 32dp、24dp x 24dp）

外枠内枠差
ldpi24 x 2418 x 186
mdpi32 x 3224 x 248
hdpi48 x 4836 x 3612
xhdpi64 x 6448 x 4816
xxhdpi96 x 9672 x 7224
xxxhdpi128 x 12896 x 9632




Notification （24dp x 24dp、22dp x 22dp）

外枠内枠差
ldpi18 x 1816.5 x 16.51.5
mdpi24 x 2422 x 222
hdpi36 x 3633 x 333
xhdpi48 x 4844 x 444
xxhdpi72 x 7266 x 666
xxxhdpi96 x 9688 x 888




投稿者 時刻: 2 件のコメント:
ラベル:

2014年4月11日金曜日

Facebookとそれ以外でACTION_SENDで渡すテキストを変える

Facebookはポリシーで投稿のpre-fillを禁止している（https://developers.facebook.com/policy/）ため、テキストの代わりにリンクを共有することがよくあります。

前回の「「ギャラリーから選択」と「カメラで撮影」を1つのchooserで表示する。」と同じ方法を使うと、Facebookとそれ以外でIntent.EXTRA_TEXTに含める文字列を変えることができます。
view plainprint?
  1. /** 
  2.  * Facebook ではリンクを共有し、それ以外（FB Messenger 含む）ではテキストを共有する 
  3.  */  
  4. private void share() {  
  5.     Intent intent = new Intent(Intent.ACTION_SEND);  
  6.     intent.setType("text/plain");  
  7.   
  8.     List<ResolveInfo> resInfo = getActivity().getPackageManager()  
  9.                                              .queryIntentActivities(intent, 0);  
  10.     if (resInfo.isEmpty()) {  
  11.         return;  
  12.     }  
  13.   
  14.     String shareText = getString(R.string.share_text);  
  15.     String shareTextFacebook = getString(R.string.share_link);  
  16.   
  17.     List<Intent> shareIntentList = new ArrayList<>();  
  18.   
  19.     for (ResolveInfo info : resInfo) {  
  20.         Intent shareIntent = (Intent) intent.clone();  
  21.   
  22.         if (info.activityInfo.packageName.toLowerCase()  
  23.                                          .equals("com.facebook.katana")) {  
  24.             shareIntent.putExtra(Intent.EXTRA_TEXT, shareTextFacebook);  
  25.         } else {  
  26.             shareIntent.putExtra(Intent.EXTRA_TEXT, shareText);  
  27.         }  
  28.         shareIntent.setPackage(info.activityInfo.packageName);  
  29.         shareIntentList.add(shareIntent);  
  30.     }  
  31.   
  32.     Intent chooserIntent = Intent.createChooser(shareIntentList.remove(0),   
  33.                                                 getString(R.string.select_app));  
  34.     chooserIntent.putExtra(Intent.EXTRA_INITIAL_INTENTS,   
  35.                            shareIntentList.toArray(new Parcelable[]{}));  
  36.     startActivity(chooserIntent);  
  37. }  
投稿者 時刻: 1 件のコメント:
ラベル:

2014年4月9日水曜日

「ギャラリーから選択」と「カメラで撮影」を1つのchooserで表示する。

異なるActionのIntentそれぞれに対応するアプリを、1つのchooserで選択できるようにする方法です。


例えば、ギャラリーから画像を選択するときは Intent.ACTION_GET_CONTENT を使いますが、 カメラを起動して撮影した画像を取得するときは MediaStore.ACTION_IMAGE_CAPTURE を使います。

そのため、まず「ギャラリーから選択」と「カメラで撮影」のどちらかを選ぶためのダイアログを用意する例をよく見ます。

＊ドキュメントプロバイダーが追加されたからか、ACTION_GET_CONTENT でギャラリーが出てこなくなり、代わりにドキュメントがでてきます。ここではギャラリーの方がわかりやすいので、ギャラリーとします。

Intent.EXTRA_INITIAL_INTENTSを使えば、1つのchooserダイアログに両方入れることができます。



view plainprint?
  1. private Uri mPictureUri;  
  2.   
  3. private void launchChooser() {  
  4.     // ギャラリーから選択  
  5.     Intent i = new Intent(Intent.ACTION_GET_CONTENT);  
  6.     i.setType("image/*");  
  7.     i.addCategory(Intent.CATEGORY_OPENABLE);  
  8.   
  9.     // カメラで撮影  
  10.     String filename = System.currentTimeMillis() + ".jpg";  
  11.     ContentValues values = new ContentValues();  
  12.     values.put(MediaStore.Images.Media.TITLE, filename);  
  13.     values.put(MediaStore.Images.Media.MIME_TYPE, "image/jpeg");  
  14.     mPictureUri = getContentResolver()  
  15.         .insert(MediaStore.Images.Media.EXTERNAL_CONTENT_URI, values);  
  16.   
  17.     Intent i2 = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);  
  18.     i2.putExtra(MediaStore.EXTRA_OUTPUT, mPictureUri);  
  19.   
  20.     // ギャラリー選択のIntentでcreateChooser()  
  21.     Intent chooserIntent = Intent.createChooser(i, "Pick Image");  
  22.     // EXTRA_INITIAL_INTENTS にカメラ撮影のIntentを追加  
  23.     chooserIntent.putExtra(Intent.EXTRA_INITIAL_INTENTS, new Intent[] { i2 });  
  24.   
  25.     startActivityForResult(chooserIntent, IMAGE_CHOOSER_RESULTCODE);  
  26. }  
  27.   
  28. @Override  
  29. protected void onActivityResult(int requestCode, int resultCode, Intent data) {  
  30.     if (requestCode == IMAGE_CHOOSER_RESULTCODE) {  
  31.   
  32.         if (resultCode != RESULT_OK) {  
  33.             if (mPictureUri != null) {  
  34.                 getContentResolver().delete(mPictureUri, null, null);  
  35.                 mPictureUri = null;  
  36.             }  
  37.             return;  
  38.         }  
  39.   
  40.         // 画像を取得  
  41.         Uri result = (data == null) ? mPictureUri : data.getData();  
  42.         ImageView iv = (ImageView) findViewById(R.id.imageView1);  
  43.         iv.setImageURI(result);  
  44.   
  45.         mPictureUri = null;  
  46.     }  
  47. }  
＊ MediaStore.ACTION_IMAGE_CAPTURE を使うときは android.permission.WRITE_EXTERNAL_STORAGE が必要なので忘れずに



投稿者 時刻: 0 件のコメント:
ラベル:

2014年4月8日火曜日

Android　InsetDrawableを活用する

タグ等、デザイン的に大きくしたくないけれど、タップに反応させるコンポーネントは、実際にタップできる領域を見た目より大きくとるのが鉄則です。



これを実現する方法が3つあります。

1. Viewの階層で実現する

すぐ思いつく方法ですが、Viewが増えるので初心者っぽいです。

view plainprint?
  1. <!-- 透明の領域用 -->  
  2. <FrameLayout  
  3.     ...  
  4.     android:padding="8dp"  
  5.     android:background="@android:color/transparent" >  
  6.   
  7.     <!-- タグ部分 -->  
  8.     <TextView  
  9.         ...  
  10.         android:paddingTop="2dp"  
  11.         android:paddingLeft="8dp"  
  12.         android:paddingRight="8dp"  
  13.         android:paddingBottom="2dp"  
  14.         android:background="@color/tag_bg" />  
  15.   
  16. </FrameLayout>  
＊@color/tag_bgはColorStateListです。 　　



2. 9patch画像で実現する

透明の領域とタグの背景部分をあわせた9patch画像を用意します。Viewが増えないので中級者です。
ただ、各解像度用の画像を用意するのは結構面倒です。おまけにタップしたときの画像も用意しないといけません。



view plainprint?
  1. <TextView  
  2.     ...  
  3.     android:background="@drawable/tag_bg" />  




3. InsetDrawableで実現する

InsetDrawableを使えばViewも増えないし、画像もいりません。上級者ですね。

res/drawable/tag_bg_normal.xml
view plainprint?
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <inset xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:insetTop="8dp"  
  4.     android:insetRight="8dp"  
  5.     android:insetBottom="8dp"  
  6.     android:insetLeft="8dp">  
  7.     <shape>  
  8.         <solid android:color="@color/green" />  
  9.         <padding android:top="2dp" android:left="8dp"   
  10.                  android:right="8dp" android:bottom="2dp" />  
  11.     </shape>  
  12. </inset>  
res/drawable/tag_bg_pressed.xml
view plainprint?
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <inset xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:insetTop="8dp"  
  4.     android:insetRight="8dp"  
  5.     android:insetBottom="8dp"  
  6.     android:insetLeft="8dp">  
  7.     <shape>  
  8.         <solid android:color="@color/orange" />  
  9.         <padding android:top="2dp" android:left="8dp"   
  10.                  android:right="8dp" android:bottom="2dp" />  
  11.     </shape>  
  12. </inset>  
res/drawable/tag_bg.xml
view plainprint?
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <selector xmlns:android="http://schemas.android.com/apk/res/android">  
  3.       
  4.     <item android:state_pressed="true"  
  5.           android:drawable="@drawable/tag_bg_pressed" />  
  6.     <item android:drawable="@drawable/tag_bg_normal" />  
  7.   
  8. </selector>  


view plainprint?
  1. <TextView  
  2.     ...  
  3.     android:background="@drawable/tag_bg" />  
＊ 残念ながらinsetのなかのshapeのsolidでColorStateListを指定しても適用されませんでした。





投稿者 時刻: 0 件のコメント:
ラベル:

2014年4月6日日曜日

ABC 2014 Spring で講演しました。


Android Pattern Cookbookの内容をざっくり紹介したものですが、去年のABCで講演したときもトレンドを扱っていたので、各アプリがどう変わったのかも載せています。


2014年4月18日に秋葉ちひろさんと出版記念イベントを行います。

「"あんざいゆき" x "秋葉ちひろ"はカンファレンスアプリをどう作るのか？」
4月18日（金）19:00～21:00（受付18:30）＠市ヶ谷セミナールーム
 http://www.impressjapan.jp/items/android-20140418

有料ですが、Android Pattern Cookbookを当日持っていくと割引になります。

ABCが終わった後に、ABC用のアプリを作ります。（イベント前に公開します！）
どういう意図をもって設計したのか、どうしてこういう画面構成になったのかなどを、イベントで解説します。

投稿者 時刻: 3 件のコメント:
ラベル:

2014年4月2日水曜日

Android　Spinnerの選択肢をXMLで指定する

Spinnerでは、Adapterを用意しなくてもXMLから選択肢をセットすることができます。

res/values/arrays.xml
view plainprint?
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <resources>  
  3.   
  4.     <string-array name="spinner_values">  
  5.         <item>Cupcake</item>  
  6.         <item>Donut</item>  
  7.         <item>Eclair</item>  
  8.         <item>Froyo</item>  
  9.         <item>Gingerbread</item>  
  10.         <item>Honeycomb</item>  
  11.         <item>ICS</item>  
  12.         <item>JellyBean</item>  
  13.         <item>KitKat</item>  
  14.     </string-array>  
  15.   
  16. </resources>  
res/layout/activity_main.xml
view plainprint?
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:layout_width="match_parent"  
  4.     android:layout_height="match_parent"  
  5.     android:orientation="vertical" >  
  6.   
  7.     <Spinner  
  8.         android:id="@+id/spinner1"  
  9.         android:layout_width="match_parent"  
  10.         android:layout_height="wrap_content"  
  11.         android:entries="@array/spinner_values" />  
  12.   
  13. </LinearLayout>  
このandroid:entries属性はAbsSpinnerで用意されています。

このように選択肢をセットした場合、Spinner部分のレイアウトには android.R.layout.simple_spinner_item が、ドロップダウンのレイアウトには android.R.layout.simple_spinner_dropdown_item が使われます。

AbsSpinner.java
view plainprint?
  1.      67     public AbsSpinner(Context context, AttributeSet attrs, int defStyle) {  
  2.      68         super(context, attrs, defStyle);  
  3.      69         initAbsSpinner();  
  4.      70   
  5.      71         TypedArray a = context.obtainStyledAttributes(attrs,  
  6.      72                 com.android.internal.R.styleable.AbsSpinner, defStyle, 0);  
  7.      73   
  8.      74         CharSequence[] entries = a.getTextArray(R.styleable.AbsSpinner_entries);  
  9.      75         if (entries != null) {  
  10.      76             ArrayAdapter<charsequence> adapter =  
  11.      77                     new ArrayAdapter<charsequence>(context,  
  12.      78                             R.layout.simple_spinner_item, entries);  
  13.      79             adapter.setDropDownViewResource(R.layout.simple_spinner_dropdown_item);  
  14.      80             setAdapter(adapter);  
  15.      81         }  
  16.      82   
  17.      83         a.recycle();  
  18.      84     }  
  19. </charsequence></charsequence>  


android.R.layout.simple_spinner_item
view plainprint?
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. ...  
  3. <TextView xmlns:android="http://schemas.android.com/apk/res/android"   
  4.     android:id="@android:id/text1"  
  5.     style="?android:attr/spinnerItemStyle"  
  6.     android:singleLine="true"  
  7.     android:layout_width="match_parent"  
  8.     android:layout_height="wrap_content"  
  9.     android:ellipsize="marquee"  
  10.     android:textAlignment="inherit"/>  


android.R.layout.simple_spinner_dropdown_item
view plainprint?
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. ...  
  3. <CheckedTextView xmlns:android="http://schemas.android.com/apk/res/android"   
  4.     android:id="@android:id/text1"  
  5.     style="?android:attr/spinnerDropDownItemStyle"  
  6.     android:singleLine="true"  
  7.     android:layout_width="match_parent"  
  8.     android:layout_height="?android:attr/dropdownListPreferredItemHeight"  
  9.     android:ellipsize="marquee"  
  10.     android:textAlignment="inherit"/>  
このレイアウトを見るとわかりますが、それぞれandroid:spinnerItemStyleとandroid:spinnerDropDownItemStyleに指定されているスタイルを適用しています。
この属性に独自のスタイルをセットすれば、Spinner部分とドロップダウンの文字サイズや文字色を一括で変えることができます。
文字サイズを小さくする例

res/values/styles.xml
view plainprint?
  1. <resources>  
  2.   
  3.     <style name="AppTheme" parent="android:Theme.Holo.Light.DarkActionBar">  
  4.         <item name="android:spinnerItemStyle">@style/SpinnerItemStyle</item>  
  5.         <item name="android:spinnerDropDownItemStyle">@style/SpinnerDropDownItemStyle</item>  
  6.     </style>  
  7.       
  8.     <style name="SpinnerItemStyle" parent="android:Widget.Holo.Light.TextView.SpinnerItem">  
  9.         <item name="android:textSize">12sp</item>  
  10.     </style>  
  11.       
  12.     <style name="SpinnerDropDownItemStyle" parent="android:Widget.Holo.Light.DropDownItem">  
  13.         <item name="android:textSize">12sp</item>  
  14.     </style>  
  15.   
  16. </resources>  




この方法のときも、setOnItemSelectedListener()を使って選択項目が変わったことを検知でき、Adapterが保持しているObjectはStringになります。
view plainprint?
  1. public class MainActivity extends Activity {  
  2.   
  3.     @Override  
  4.     protected void onCreate(Bundle savedInstanceState) {  
  5.         super.onCreate(savedInstanceState);  
  6.         setContentView(R.layout.activity_main);  
  7.   
  8.         Spinner spinner = (Spinner) findViewById(R.id.spinner1);  
  9.         spinner.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {  
  10.   
  11.             @Override  
  12.             public void onItemSelected(AdapterView<?> adapter,   
  13.                 View v, int position, long id) {  
  14.   
  15.                 Toast.makeText(MainActivity.this,   
  16.                     (String) adapter.getItemAtPosition(position),   
  17.                     Toast.LENGTH_SHORT).show();  
  18.             }  
  19.   
  20.             @Override  
  21.             public void onNothingSelected(AdapterView<?> adapter) {  
  22.             }  
  23.         });  
  24.     }  
  25. }  
投稿者 時刻: 0 件のコメント:
ラベル:
登録: 投稿 (Atom)