YouTube

Got a YouTube account?

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

Japanese subtitles

← Views

Get Embed Code
14 Languages

Showing Revision 1 created 11/03/2015 by sp11.

  1. ステップ1は、
    アプリで使うViewを選ぶことです。
  2. まずはAndroidのViewとは
    何なのか説明します。
  3. 単純にいうとViewはスクリーン上で
    コンテンツをディスプレイする四角の枠です。
  4. 画像、テキスト、ボタンなどアプリの画面で
  5. ディスプレイされるもの全てです。
  6. 個々のViewで、画面の
    レイアウトを構成します。
  7. 画面上に見えるもの、アプリに作用するもの
  8. これら全てをユーザーインターフェイス、
    略してUIと呼びます。
  9. Viewには色々な種類と名前があります。
  10. テキストを表示するのは、TextView
  11. これがサンプルです。
  12. 画像を表示するのはImageViewで、
    これがサンプルです。
  13. ボタンを表示するViewは、
    Buttonと言います。
  14. これらがサンプルです。
  15. Androidには、たくさんの種類の
    Viewがたくさんありますが、
  16. とりあえず、
    まずはこの3つに焦点を当てます。
  17. 最初に、Viewは四角の形で
    表示されると言いました。
  18. どこが四角になっているのでしょうか?
  19. 厳密にいうと実際には見えないのですが、
    みなさんのために書き出して
  20. 個々の四角の境界線が
    見えるようにしましょう。
  21. このように
  22. どのアプリでもそのアプリを構成する
    Viewの内訳があります。
  23. つまり、Viewが基本的な構成要素となり、
  24. アプリのレイアウトを構成します。
  25. スクリーン上でViewが四角を
    形どっているのを理解しやすくするために
  26. 身近な例を使って説明しましょう。
  27. ペイントやGoogleドローイングなどの
    アプリケーションでは
  28. キャンバスにテキストボックスを挿入して
    テキストを入力し、
  29. 枠の外をクリックすると
  30. 四角の枠は消えますが、
    実際には存在します。
  31. しかし、この枠は
  32. 背景に色を加えたり、
  33. 枠を見えるようにすると、
    その大きさも構成要素の一つとなります。
  34. さらに、これらのViewの名前を
    キャメルケースで入力することも重要です。
  35. キャメルケースとは、
    単語と単語の間にスペースを入れず、
  36. それぞれの頭文字を大文字にしたものです。
  37. これがキャメルケースと呼ばれるのは、
    並んでいる文字の見た目が凸凹で
  38. キャメル(英語でラクダの意味)の
    背中に似ているからです。
  39. このコースの中では、
    他にもキャメルケースが出てきます。
  40. それでは学んだことを復習しましょう。
  41. これは新しいGoogleのメールアプリ、
    Inboxのスクリーンです。
  42. ここに含まれる色々なViewを
    識別することができますか?
  43. わかりやすくするために、
    個々のViewをハイライトしました。
  44. 例えば、AのViewは
  45. TextView、ImageView、Button
    どれかわかりますか?
  46. Bと残りのViewも同じように
    考えてみてください。