Please enable JavaScript.
Coggle requires JavaScript to display documents.
第五章 View & View Group (常用 GUI (ImageView (xml (src="…
第五章
View & View Group
Layout
版面屬性
layout_width
layout_height
(必要)
wrap_content
符合實際大小
match_parent
跟父版面一樣大
邊距
padding
view 的內距
margin
view 的外距
利用尺寸資源檔來設定
dimens.xml
加入元素
<dimen name="元素名稱">16dp</dimen>
gravity
配置位置
值
top, bottom, left, right, start, end
center_vertical, center_horizontal
center, fill_vertical, fill_horizontal, fill
也可以這樣用
top | right
上向靠右
gravity & layout_gravity 的差異
gravity = 控制 view 內的配置
layout_gravity = 配置 view 本身的位置
Linear & Frame Layout
LinearLayout
線型版面
orientation
方向
horizontal
横向
vertical
直向
weight
權重
把剩下的空間按比例分配
例如有兩組 view, 設定如下
layout_height="0dp"
layout_weight="1"
layout_height="0dp"
layout_weight="2"
把寬度設零0比較有效率
權重分別為 1/3 及 2/3 來分配剩下的所有空間
FrameLayout
框架版面(重疊)
常用 GUI
ImageView
xml
src="@drawable
/圖檔名稱"
scaleType="centerCrop"
截剪邊, 讓圖符合可用空間
圖檔要放在 drawable 資源
contentDescription="說明文字"
Activity
photo.setImageResource(R.drawable.圖片名稱)
photo.setContentDescription("說明文字")
TextView
xml
text="內容"
textSize="20sp"
Activity
textview.setText("文字內容")
設定文字
EditText
xml
inputType
phone
電話號碼
textPassword
文字不可見
textCapSentences
第一個單字大寫
textAutoCorrect
自動修正文字
也可以用 "|" 來指定多種
hint="文字內容"
Activity
editText.getText().toString()
取得文字
Button
xml
text="按鈕文字"
onClick="onXXXClick"
drawableRight="@drawable
/name" (Left, Bottom, Top)
在文字各邊加上圖示
Activity
public void onXXXClick(View view)
ToggleButton
按鈕開關
xml
textOn=" Open"
textOff="Close"
onClick = 點擊事件
Activity
toggleButton.isChecked()
回傳是否有按下開關
CheckBox
確認方塊
xml
text = "選項名稱"
onClick = 點擊事件
Activity
範例
checkBox.isChecked()
Switch
滑動關關
xml
textOn="Open"
textOff="Close"
onClick = 點擊事件
Activity
switch.isChecked()
回傳是否有按下開關
RadioButton
單選按鈕
xml
先用 RadioGroup 定義一個群組
可以設定横向或直向
再加入 RadioButton 元素
Activity
範例
radionGroup.getCheckedRadioButtonId()
Spinner
下拉選單
xml
在 String 資源定義 String-Array
entries="@array
/spinner 選項"
Activity
String.valueOf(spinner.getSelectedItem());
ImageButton
圖像按鈕
xml
src="@drawable
/name"
onClick = "onImageClick"
Activity
public void onImageClick(View view)
捲動視區
(只能包一個View)
ScrollView
直向
HorizontalScrollView
横向
完整範例