YouTube

Got a YouTube account?

New: enable viewer-created translations and captions on your YouTube channel!

Japanese subtitles

← 01-14 Change the TextView

Get Embed Code
14 Languages

Showing Revision 5 created 10/06/2015 by Nobuko Hamaguchi.

  1. テキストビューのコードを初めて見ましたね
  2. でも宙ぶらりんね
  3. 確かに収納するスペースが要るね
  4. ええ そのスペースが IDE よ
  5. またその頭辞語だね
  6. 何の略だっけ?
  7. Integrated Development Environment
    (統合開発環境)
  8. このクラスでAndroid Studio を使います
  9. こんな風に見えます
  10. まだ少しビクビクするよ
  11. 学習者がもう少し簡単に
    取り組めるようなものが要るかもね
  12. それで練習用Android Studio の開発に
    取り組んだんだけど
  13. コンピュータサイエンスの複雑な頭辞語の
    伝統で XMLV と呼んでいるものです
  14. XML Visualizer のことです
  15. じゃ 少し XML を書く?
  16. 出力を見れる
  17. もう少し書くと もう少し出力する
  18. 早速使いましょう
  19. この XML visualizer は特にこのコース用に
    作られたので
  20. Android Studio が対応する機能の
    全部はありませんが
  21. いずれは このレッスンで設定される問題で
  22. Android Studio に入るので
    もうこのサイトは要らなくなります
  23. 進みたければ
    講師注記にリンクがあります
  24. このコードでは
    テキストは「誕生日おめでとう」です
  25. それでデバイスを見ると
    「誕生日おめでとう」と出ています
  26. そのテキストを
    「誕生日おめでとう クナル」と変えてみます
  27. 次にデバイスのプレビューを拡大すると
  28. 今度は「誕生日おめでとう クナル」と
    出ています
  29. 幅と高さを変えるとどうなるでしょう?
  30. 任意の値を選んで
    幅を 300dp 高さを500 dp にしてみます
  31. 今度はプレビュー枠で
    テキストビューがうんと大きく見えます
  32. ところがテキストはやはり同じ大きさで
    左上端にあります
  33. 各ケースで300と500という
    幅と高さの値の後に
  34. dpがついていますね
  35. これはセンチメートルとか
    ミリメートルのような測定単位で
  36. Android でビューのサイズを説明する為に
    使います
  37. ビュー間の距離についても同様です
  38. 単位 dp は density-independent pixels
    (密度非依存ピクセル)を表します
  39. なせそれが必要か説明しましょう
  40. これらのきれいな描画の四角形が
    異なるデバイスを表すとします
  41. 物理的サイズは同じですが
    解像度の点で異なります
  42. これは画面上中位のピクセル数の
    中解像度デバイスでー
  43. 高解像度デバイス 超高解像度デバイスです
  44. ピクセルとは 携帯画面を構成する
    沢山の小さな四角形のことで
  45. それらは 見ているものに基づいて
    明るくなります
  46. だから例えばビューのサイズを
    縦横2ピクセルに定めると
  47. 中解像度デバイスではこう見えます
  48. 高解像度デバイスでは
    同じく 縦横2 ピクセルでも
  49. 少し小さ目になります
  50. なぜならこのデバイス内にもっと沢山の
    ピクセルが詰っているからです
  51. スペースに更にずっとピクセルが詰まった
    超解像度デバイスでは
  52. このボタンは実際上とても小さくー
  53. 指で押せない位です
  54. 指先か爪で触るしかないです
  55. 超解像度デバイスだからといってー
  56. 指は小さくならないのにー
  57. 画面のボタンを押せなければなりません
  58. それで私達は密度に依存しないピクセルを使うのです
  59. ボタンを縦横 2dp に定められます
  60. すると様々なデバイスでこう見えます
  61. 物理的サイズは同じですが
  62. 内部でAndroid が様々な数のピクセルを
    割り当てています
  63. その論理について心配しなくていいです
  64. dp 値でサイズを定める必要があると
    覚えればいいだけです
  65. アプリをデザインする際
    ボタンのようなタッチターゲットは全て
  66. 最小で縦横48dp にするのがお勧めです
  67. 48ピクセルではなく48dp であることに
    注目して下さい
  68. さもないとこの超解像度デバイスでは
    非常に小さくなります
  69. こうするとアプリが誰でも使いやすくなります
  70. これを踏まえた上で
  71. テキストビューのコードを変えていただきます
  72. これから初めて XML を書くのですよ
    わくわくしますね
  73. まずテキストビューのテキストを変えて下さい
  74. 次にテキストビューのサイズを変えて下さい
  75. 次にエラーを作って下さい
    暗い顔?
  76. そうしてそれを取り消して下さい
    明るい顔ね