YouTube

Got a YouTube account?

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

Chinese, Traditional subtitles

← Width and Height

Get Embed Code
14 Languages

Showing Revision 2 created 12/08/2015 by Fran Ontanaya.

  1. 我們已經列出了一個參加派對的
    人員名單
  2. >> 等等 這是參加生日派對的人員名單
    是嗎 Catherine?
  3. >> 是的
  4. >> 我真的希望我也在這個名單上
  5. >> 好的 讓我們來看一看
  6. >> 我覺得它看起來很小
  7. >> 說到小
  8. 讓我們來說說螢幕上的
    檢視圖大小
  9. >> 是的 我們使用的是固定文字高度
    單位是dp對吧
  10. >>是的 寬度和高度
  11. 我們稱為檢視圖
    包裹文字
  12. >> 是的 也就是說
    檢視圖把文字內容
  13. 包裹在其內
  14. 當文字變大時
  15. 檢視圖也變大
    內容變小時 檢視圖也變小
  16. >> 實際上還有第三個設定
    也就是match parent.
  17. >> 這看上去似乎有點奇怪
  18. 聽上去像是為單身父母設計的
    相親網站
  19. >> 不是的
  20. Match parent的含義是檢視圖的
    寬度和高度與父級檢視圖保持一致
  21. >> 這樣就好理解了
  22. 我是一個檢視圖 我有父級檢視圖
    我的寬度和
  23. 高度將與我的父級檢視圖
    保持相同
  24. 好的
    >> 總而言之
  25. 你可以為檢視圖設定
    不同的寬度值
  26. 寬度和高度設定為固定dp值
  27. >> 是的
    還可以設定為 wrap_content
  28. 接下來
    我們要嘗試的是
  29. >> match_parent.
  30. 這裏有一些例子
    介紹怎樣為子檢視圖設定不同的寬度值
  31. 在線性版面中 這將會影響
    最終的使用者介面
  32. 在這個例子中 我們可以將
    每個檢視圖的寬度設定為200 dp
  33. 如果每個檢視圖中的內容
    寬度大於200 DP
  34. 可能會導致一部分的內容
    被剪切掉 就像這樣
  35. 在這個例子中 我們將每個子視圖的
    寬度設定為wrap content.
  36. 現在 全部內容都已經顯示
    但是
  37. 每個檢視圖的寬度會根據其內部的
    內容發生變化
  38. 在這個例子中 我們把每個子檢視圖
    的寬度設定為match parent
  39. 現在你可以看到每個子檢視圖的寬度
    與父檢視圖群組相同
  40. 無論檢視圖內有多少文字
  41. 現在 可以把這些相同的設定值
    用於每個檢視圖的高度
  42. 在這個例子中 我們把
    每個檢視圖的高度設定為200 dp
  43. 如果檢視圖內的文字高度
    大於此設定高度
  44. 一些文字可能會
    被剪掉
  45. 在這個例子中 我們把子文字檢視圖的
    高度設定為 wrap content
  46. 這樣 所有內容
    將顯示在螢幕上 而且
  47. 不會剪掉任何內容
    因為文字檢視圖的大小取決於
  48. 其內部的內容
  49. 在這個例子中 我們把子文字檢視圖
    的高度設定為match parent.
  50. 這樣子檢視圖的高度
    將與父檢視圖相同
  51. 無論其內部的文字有多少
  52. 讓我們打開XML檢視器
  53. 在代碼中模擬
    父檢視圖
  54. 在下面的指導教程中,
    我們提供一個XML檢視器連結
  55. 和一些初始代碼
  56. 在這個例子中
    LinearLayout是這個版面的
  57. 根視圖 因為它是
    第一個也是最外層的檢視圖
  58. 如果我們把這個根視圖
    的寬度和高度設定為match_parent
  59. 我們把它設定為應用程式
    的主版面
  60. 然後這個線性版面的高度和寬度
    將會與設備螢幕相同
  61. 我可以展示給你看
    我把這個線性版面的背景設定為
  62. 一種不透明顏色
  63. 如果我在這個線性版面上
    設定一個灰色背景顏色
  64. 你可以看到灰色延伸到
    設備的整個寬度和高度
  65. 現在 如果我把這些文字檢視圖的
    寬度或
  66. 高度設定為match parent
    將會發生什麼
  67. 為了顯示
    每個檢視圖的邊界位置
  68. 我在每個檢視圖上
    設定一個背景顏色
  69. 現在我把這個文字檢視圖的高度設定
    更改為 match parent
  70. 順便說一下 應該寫作match_parent.
  71. 現在你看到這個文字檢視圖
    占據父檢視圖的整個高度
  72. 不幸的是 它把所有其他
    內容推出到屏幕之外
  73. 這並不是我們想要的
  74. 現在 我們把改回為wrap content
  75. 好的
  76. 現在把寬度改為
    match parent 看看是什麼效果
  77. 現在 TextView的寬度變得與
    父檢視圖相同 進而
  78. 與設備螢幕寬度相同
  79. 如果我把其他TextView
    也更改為match_parent
  80. 你可以看到 它也開始占據
    整個父檢視圖寬度
  81. 我還要指出另外一件事情
  82. 所有以layout和下劃線開頭的屬性
  83. 比如layout_height或layout_width
    都是檢視圖群組版面參數
  84. 父級檢視圖群組使用這些參數
    來確定這些檢視圖的大小
  85. 和位置
  86. 同時 其他屬性
    例如背景 文字大小
  87. 和文字等 由TextView
    根據它自己的檢視圖樣式進行處理
  88. 但是這些檢視圖群組版面參數
    由父級檢視圖處理
  89. 現在 請你嘗試
    設定不同的寬度和高度值
  90. 請找到含有部分初始代碼的
    XML檢視圖的連結
  91. 請參閱下面的指導說明
  92. 嘗試更改每個TextView的
    寬度和高度
  93. 可以設定固定dp值
    wrap-content或match_parent.
  94. 請記住 對於每個檢視圖
    寬度值和高度值不必相等
  95. 完成之後
    請選擇這個方塊並繼續