[Android] dp , sp の単位について – アプレンティス プラクティス
pxは使うな このことはよくきいていたが、では単位として用意されている「dp」「sp」の違いはなんだろう。。。 参考：http://y-anz-m.blogspot.jp/2012/02/androidtextview-settextsize-sp.html dp レイアウトの幅などを調整するときに使う ｓｐ 文字のフォントサイズを指定するときに使う ということらしい。。 ｓｐはシステム全体の文字スケールに合わせるとあるが、scaleDensityの値によって大きさが変わるものらしい。本文中の文字など大きさを変わってもししょうがないものについてはこれで行ける。 dpは解像度によって見え方を統一できる単位。レイアウトの大きさやヘッダーやフッターの文字など、一定の大きさからスケールしてほしくないものに対して使える。 ちなみに、 TextView の setTextSize() はｓｐが使わ
主婦でもできる Android Layout
1. 主婦でもできる Android Layout 2011/09/17(Sat) Hiromi Tsuzuki(@mrshiromi) http://mrshiromi.net 2. 自己紹介：現在 ● Mrs.HiromiでAndroidアプリ公開中。 ● 但し、javaは書けません。 ● 女子部「ネイル・ド・ロンジョ」のネイルパーツ画像。 ● ドロクリ利用した「MH Clock」シリーズ。 ● つ部「みんなのラーメンタイマー」画像とレイアウト。 ● B社ハッカソンがきっかけの「おなまえなあに？」画像。 ● 専業主婦です。子育て中です。仕事が無いです。 2011/09/17 主婦でもできる Android Layout 2 3. 自己紹介：過去 ● キャリアは大学卒業後3年間のみ。 ● 資格は無かったけどCOBOLでプログラミングを少々。オフ コンのデータベース管理とポスレジ管理。なぜ
Android Dimension 単位
Android では px （ピクセル）以外にも dp や sp などの単位があります。 ドキュメントはこちら http://developer.android.com/intl/ja/guide/topics/resources/more-resources.html#Dimension dp (dip) Density-independent Pixels 画面の物理的な密度に基づいた抽象的な単位。 この単位は 160 dpi の画面と対応していて、160 dpi の画面で 1 dp = 1 px になる。なので、dp-pixel 比は画面密度（解像度）に応じて変化するが、必ずしも正比例するわけではない。コンパイラは "dip"、"dp" のいずれも理解できるが、"dp" という記述のほうが "sp" との対応関係がよりわかりやすい。 sp Scale-independent Pixe
Chapter10: 単位について(dp, sp, px)
今回はAndroidの単位についてです。 Webデザイナーの方は普段は単位はpxのみ気にしておけば、ほぼ大丈夫かと思いますが（印刷物はdpi気にしますが）Androidの場合は違います。 理由は、端末によって解像度が違うためですね。 日本のAndroidで主流の解像度は以下の通りです。 800x480(hdpi) 854x480(hdpi) 960x640(hdpi) また、主流ではないですが、以下の解像度の端末もあります。 480x320(mdpi) 320x240(ldpi) これだけあると、それぞれ専用のレイアウトを準備しないといけなさそうです。実際、準備する場合もあります。マルチスクリーンに関しては、別の機会に書こうと思います。今はシンプルに単位だけに注目します。 Android Developersのサイトに、Supporting Multiple Screensという項目があり
レイアウトのサイズ指定 - aksoftblog
Webの開発していてピクセルでサイズを指定することが多いです。 Androidの開発もピクセルで指定していたのですが、Android端末が沢山発売されている状況で開発する際にピクセル指定でいいのか？と疑問に思った。 Androidのサイズ指定（単位）は以下があります。 dp (dip) 画面の物理的な密度に基づいた抽象的な単位。 この単位は 160 dpi の画面と対応していて、160 dpi の画面で 1 dp = 1 px になる。なので、dp-pixel 比は画面密度（解像度）に応じて変化するが、必ずしも正比例するわけではない。コンパイラは "dip"、"dp" のいずれも理解できるが、"dp" という記述のほうが "sp" との対応関係がよりわかりやすい。 sp dp に似た単位だが、ユーザーが設定したフォントサイズによって自動でスケールされる。フォントサイズを指定する場合には、こ
今から始めるiPhoneコーディング｜クロノドライブ
何だか周りにiPhoneを持ってる人が増えてきたなぁと思う今日この頃です。 それにつれてiPhone用のサイトをコーディングする案件も増えて来ましたので、コーディングするときのポイントをまとめました。 iPhoneの特徴 まずは、iPhoneの特徴を見てみましょう。 一つの端末で複数の解像度を持つ iPhoneの特徴の一つとして、縦持ち・横持ちのときで横幅の解像度が変わります。 例えば、縦持ちのときは320pxで、横持ちのときは480pxとなります。 ※縦持ちのとき ※横持ちのとき そのため、320pxに最適化したコーディングをすると、横持ちのときに160px分の余白が空いてしまうため、320pxにも480pxにも対応出来るコーディングをする必要があります。 ※そのためには、デザインをしっかりと考えたものにしなければいけませんが…。 HTMLやCSSの実装状況はパソコンと同様 iPhone
Android アプリ品質ガイドライン
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
画面解像度に合わせた、フォントのサイズを指定する - 素人のアンドロイドアプリ開発日記
案外と誰も、指摘のないフォントのサイズについてのメモです。 アプリを作ってると、フォントのサイズを16とかに指定しても、端末が違ったりすると、フォントのサイズが違って、スマホだと見やすいのに、タブレットだと、文字が小さくなってしまう場合とか、dpiとかで、密度とかで分けても、横幅が小さい場合と長い場合でどうしても、気になる事があったりします。 今回も、独自で考えてやったもので、「これがスタンダードだ」というものではないのですが参考までにご紹介させていただきます。 step1 デザインを作る時に、例えば横幅480のデザインにしたら、1*480のサイズのstone.pngとかそういう画像を用意します。（縦幅1横幅480） step2 Bitmap _bm = BitmapFactory.decodeResource(getResources(),R.drawable.stone); int _
スマートフォンサイトをデザインする際の注意点まとめ | サイブリッジラボブログ
こんにちは、りうこです。 今日から11月ですね! といっても今日も20℃オーバーで暖かいので、寒いのが苦手な私はこのくらいの気温が続いてくれればいいのに。。と思っています。 では、早速ですがスマートフォンをデザインする際に気をつけたいことをご紹介します。 横向きで見ることを想定したデザイン これはコーディングの際にも気をつけなければならないのですが、 固定幅でデザインすると、横向きにしたときに下の画像のように余白ができてしまいます。 リキッド（可変幅）を想定してデザインするのが基本です。 フォントサイズは12px以上 文字が読みづらくなるということもありますが、 iOSのSafariでは、文字サイズが11px、10px、9pxのときは 折り返し地点の右側に余白ができるというバグがあるようです。 【参考】iOSのSafariで特定のfont-sizeのときの謎の隙間 http://webte
Android女子部
こんにちは、menmiこと風呂（ふろ）です。えっ何が風呂？私の旧姓は風呂といいます。 それはさておき、高松で開催している「女性のためのandroidアプリ開発」vol2を5月5日に開催しましたー。 パチパチパチ。今回もGDG四国さんとの共催で、そして我らが、Tamさんに教えていただきました。 じゃーなんで毎度毎度Tamさんが写真に映っていないんだって？はい、とってもシャイなので、写真を撮らせてくれないんです。と言いつつ、本名も誰も知らないので、きっとF○Iとか、C○Aの方じゃないかって、ちまたでは噂されています。これ以上つっこむと、私も消されてしまうとまずいので、Tamさんの話題はこのあたりに置いておくとしまして、、、 今回は前回にプラスして、新しく2名様がくわわって、和気あいあいとスタートいたしました。前回エラーのあったエクリプス君をもう一度上書きするチームと、新規インストールするチーム
Android UI Design Tips
■ UIを意識すべきなのはどうして？ 良いUI → ユーザーが洗練された質に気が付く → 評価が良くなる → アプリのランキングが良くなる → さらにたくさんのインストール＆購入につながる ■ Agenda 1. やるべきことと、やっちゃいけないこと 2. デザイン哲学と考慮すること 3. 絶対に使うべき UI framework の機能・特徴 4. 新しい UI デザインパターン 5. アイコンとガイドライン ■ やるべきことと、やっちゃいけないこと ＊ やっちゃいけないこと ・単に他のプラットフォームのUIを移植しない！ ・ユーザーがプラットフォームとアプリが合っていると感じるべき ・アプリのブランドとプラットフォームとのバランス ・modal progress と確認用ダイアログを使い過ぎない！ ・柔軟性を持つ！（absolute-positioned layout はダメ） ・px
非公開サイト
サイトの構築。作品の販売。ブログの投稿。この他にもさまざまな機能があります。 ログイン サイトをはじめよう 非公開サイト このサイトは現在プライベート設定になっています。
【スマホ×HTML5】Web&ハイブリッドアプリ開発者ブログ
【スマホ×HTML5】Web&ハイブリッドアプリ開発者ブログ このブログでは、HTML5+CSS3+Javascriptなどの情報を定期的に提供していきます。 運営企業：株式会社ニーロク（http://i26.jp/）
無料でダウンロードできる洗練されたデザインのUIキットいろいろ
わかりやすく、統一感のあるウェブサイトをデザインする時にあると便利なのがUIキットですが、ウェブ開発・デザインに関する情報やコンテンツを扱うブログBest Open Source Resourcesがそんな美しいデザインのUIキットをリスト化しています。明るいグレーやダークなカラー・木目調など、さまざまなパターンのPSDファイルが無料でダウンロードできるため、頭の中のイメージに合わせてコンテンツを選ぶことが可能です。 A Comprehensive Collection of Free UI Kits & Templates | Web Resources | WebAppers http://www.webappers.com/2012/11/12/a-comprehensive-collection-of-free-ui-kits-templates/ ◆01："Pizza" UI K
ユーザーが説明文をあまり読んでいないことが分かるヒートマップとその対策
ウェブデザイナーやウェブアプリの開発者は利用しているユーザーにメッセージや指示を送る際に「文字」に頼りすぎる傾向があります。文字による説明は簡単ではあるものの、アプローチの仕方を間違えるとユーザー側は読まずに無視しがちになり、台無しになってしまいます。 そこでInvitelyのヴァイスプレジデントであり、開発ディレクターでもあるMichael Woloszynowicz氏がどうすればいいかをヒートマップ付きでわかりやすく解説しています。 Web 2.0 Development and Business Lessons: Your Users Won't Read http://www.w2lessons.com/2012/01/your-users-wont-read.html まずInvitelyというウェブサービス自体がドキュメントの共有などのコラボレーション作業のために利用者を招待す
[Android アプリの UI デザイン] 9-patch の作りかたのまとめと Tips | DevelopersIO
はじめに こんばんは。アンドロイダー？な諏訪です。 本シリーズ「Android アプリの UI デザイン」では、Android アプリの UI デザインについて広く取り扱っていきます。 UI デザインといっても、時にはデザイナー目線で「このようなレイアウトだったらユーザは迷わないだろう」や「情報はこうまとめたほうが見やすいだろう」といったようなことを述べたり、また時にはデベロッパー目線で「こういう UI デザインはこういう実装方法で実現できるよ」や「Android の性質上、こういうデザインにすべき」といったようなことを述べたりしようと思っています。 賛否両論な意見を述べることもあるかも知れませんが…意見交換の場になって、学びあえればそれはそれで良いかなぁ、なんて思っています (とはいうものの、当面は実装方法の基礎的なところをおさらいしていきたいと思ってます)。どうぞよろしくお願いします。
![[Android アプリの UI デザイン] 9-patch の作りかたのまとめと Tips | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/27c01225a965c5b92731bf7c394c561cb9248d14/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2013%2F03%2Fcatch3.png)
なぜAmazonのメガドロップダウンメニューはスムーズに操作できるのかという秘密
日本のAmazonでも採用されているメガドロップダウンメニューについて、なぜAmazonのメニューはユーザーが使いやすくできているのかという秘密が明らかになりました。ユーザビリティを改善することが至上命題のネットショッピング系サイトにとっては非常に有益な知識となっています。 Breaking down Amazon’s mega dropdown - Ben Kamens http://bjk5.com/post/44698559168/breaking-down-amazons-mega-dropdown まずこれがAmazonの左上にあるカテゴリーを一覧化したメガドロップダウンメニュー。日本のAmazonにも同様のメニューが採用されており、マウスカーソルを上に持っていくと実にスムーズに動きます。 通常のメニューの場合、以下のようにして少し遅れてサブメニューが開くようになっています。 な
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
tande lab.
tande lab.
Loading...
