Japanese subtitles

← 01-20 TextView Text Size

Get Embed Code
13 Languages

Showing Revision 5 created 10/06/2015 by Retired user.

  1. もうお気づきでしょうが
    このデバイス画面のテキストは小さいです
  2. 私の視力は弱いので
    ずっと大きくする必要があります
  3. 幸いにも
  4. 文字サイズの変更を宣言できる
    属性があります
  5. でも待って
    ここにエラーがあります
  6. コンピューターが私のXMLを
    理解できなかった、ですって
  7. コードをダブルチェックしたら
    実は新たに足したこの行が
  8. 黒のフォントで出ています
  9. 一方 上にある属性名は全部青で
  10. 属性値は赤です
  11. だからこの行はどこか間違っています
  12. 待って 分かった
  13. 右山括弧の斜線が上のこっちにあります
  14. これは 初心者によくあるミスでー
  15. タグが閉じられた後に
    属性を足しています
  16. 技術的には
    これは XML 宙ぶらりんとかです
  17. なぜなら それが XML 要素に
    つながっていないからです
  18. これらの記号をコピーして
    下のここに動かすことが必要です
  19. これで良くなりました
  20. エラーは無くなり これは妥当なXMLで
    フォントは大きくなります
  21. 今はもうずっと読みやすいです

  22. 文字サイズが 45sp なことに
    注目して下さい
  23. sp は Scale-independent Pixels
    (スケール非依存ピクセル)を表します
  24. これは dp と似た測定単位で
  25. 様々な密度の様々なデバイスで
    アプリを一定に見せます
  26. sp はフォントにだけ使います
    なぜならそれはユーザーの好みや
  27. 文字サイズの設定に基づいて
    適応するからです
  28. ではそれを見てみましょう
  29. 設定がどこにあるかをお見せしましょう
  30. アプリの「設定」に行き
    「表示」を押すと
  31. 文字サイズのオプションがあります
  32. それをクリックすると
    色々な文字サイズが見えます
  33. 「大」をクリックすると
    全ての文字サイズが大きくなります
  34. 文字サイズを宣言するには
    必ず sp を使って
  35. ユーザーの好みに従って
    大小するようにして下さい
  36. まもなくあなたはテキストビューの
    文字サイズを変えますが
  37. まず一つお見せします
  38. これはマテリアルデザイン仕様です
  39. マテリアルデザインは Google に
    開発された新しいデザイン言語でー
  40. ウェブやモバイルなどの様々な
    デバイスやプラットフォームで
  41. 一貫して美しいアプリを作れます
  42. デザイン仕様は
  43. アプリをデザインする為の
    ベストプラクティスを紹介しています
  44. アプリのレイアウト 表示スタイル 画像 アニメーション その他多くに関するー
  45. ガイダンスを提供します
  46. 又 タイポグラフィやフォントに関する
    部分もあります
  47. ここに沢山の情報があるので
    後に読んでみて下さい
  48. しかし 最も大事なのは
    ここのガイドでー
  49. 推奨の文字サイズが書いてあります
  50. もしとても大きな見出しを表示するなら
  51. これらの文字サイズの値を使えます
  52. タイトルとか本文のテキスト
    キャプションなら
  53. これらのサイズを使えます
  54. これは 用途に依ってどのタイプの値を
    選ぶかの指針になります
  55. でも注意して下さい
  56. アプリに余り多くの種類のサイズや
    スタイルを使うと
  57. ユーザーがとても
    圧倒的に感じますから
  58. だから 望む情報を表示するために
    2、3のスタイルを選んで下さい
  59. テキストビューの文字サイズを変える際
  60. ここのこれらの値を2、3試しなさい
  61. マテリアルデザイン仕様を使って
    テキストビューの文字サイズを変えー
  62. 次に挑戦する意欲があるなら
  63. 下に 載せたGoogle+ Android Dev 
    Protip の テキストアピアランス属性を
  64. 学習してみなさい
  65. 次に XML Visualizer でも
    これを試せます
  66. あなたが始める為のコード付き
    XML Visualizer へのリンクは
  67. 下にあります