デザイナーがコードから読み解く、 Androidアプリのデザインの幅を広げるコツとTips 〜がんばって作ったデザインが、実装後に残念な結果にならないために〜 アプリをデザインしているみなさん、エンジニアまかせになっているXMLレイアウトによって、デザインの制約を感じていませんか？ 華美で奇をてらったものが必ずしもいいというわけではありませんが、シンプルな中にちょっと工夫して考えたあしらいも「このデザインは無理です」といってエンジニアから返却されると、モチベーションだだ下がりです。 このシリーズでは、デザイナーが実際にXMLを触ってみて知り得たことを共有します。 デザイナーももっとアプリデザインに対してこだわりを持ち、それをエンジニアといっしょに実現できますようにという願いをこめて。 XMLをがっつり見ていくことが目的ではなく、実際にはどんなデザインが可能で、がんばったらここまでできるんだ
Android の描画リソースによるグラデーションは粗い。 表示領域を広げてゆくと 16bit カラーのディスプレイが主流の頃によく見られたマッハ バンドのような縞が発生してしまう。仕事で作ったアプリでグラデーションを多用したのだが、それをタブレット端末でテストした時にこの縞が気になってた。 はじめは省メモリやパフォーマンスの観点から Android OS が品質を制限しているのだと諦めていた。しかし気まぐれに「Android gradient quality」かでググってみたら以下の記事を見つけた。 High Quality Radial Gradient In Android 記事中のサンプルコードでは Activity.getWindow メソッドで得られたウィンドウに対し、Window.setFormat メソッドを呼び出している。パラメータは PixelFormat.RGBA_8
AppWidget の ProgressBar の色を変える
# 某MLで AppWidget 上のプログレスバー (ProgressBar) の色を # 変えたいという質問があったのでやってみたらできたので、 # せっかくだからブログに書きます。 注意 その１ : API Level 7 (2.1) 以上です。 注意 その２ : 最低限のことしかやってないので、あとは自分でなんとかしてね。 --- キーは RemoteView クラスの addView() メソッドです。 最初の設定画面でどの色を選択したのかを Preference に保存しておき、その値によって AppWidget の update で addView() で挿入するレイアウトを変えます。 レイアウトや背景画像の XML を設定で選択できる数用意しないといけないのがちょっとかっこ悪いですが、Drawable は RemoteView で指定できないのでしょうがないです。。。 An
スマートフォンなどでよく見かける、光沢のあるグラデーションを持ったツールバーを画像なしで作成してみる。 Android ではコントロールの描画方法を drawable リソースから指定できる。これは画像と XML に大別できる。 画像はデザインの自由度が高く美しいのだが、解像度 ( ldpi、mdpi、hdpi、…etc ) と引き延ばし ( 詳しくは Draw 9-patch を参照のこと。有志による日本語訳はこちら ) を意識する必要がある。 一方、XML はデザイン指定の方法がかなり限定されるため、希望どおりの描画結果を得るのが難しい。 しかし dp ( または dip。密度非依存ピクセル。詳しくは Supporting Multiple Screens を参照のこと。有志による日本語訳はこちら ) によるサイズ指定と標準で用意されている形状・塗りは解像度に依存しないため、様々な端末
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
