#HW2–1:Make friend with component.
Published in
4 min readJul 11, 2021
Segmented Control、Slider、Switch、Activity Indicator View、Progress View、Date Picker、Page Control、Visual Effect View with Blur
Segmented Control:切換分類的元件
研究欄位
- segments 幾個項次
- segment 指定項次
- Title 指定項次標題
- Image 指定項次圖示
- Selected (behavior才是選擇)
[注意]單項title/imgae只能二選一
Q:image用途&清除如何清掉A:直接刪掉文字
Q:behavior:selected state:selected差別
舉一反三使用區:
檔案分類名稱
Slider:滑動設定數值的元件
研究欄位
- value 所處數值
- Minimum 最小值
- Maximum 最大值
- Min Image 最小圖示
- Max Image 最大圖示
- Min Track最小底色
- Max Track最大底色
- Thumb Tint 豆豆顏色
舉一反三使用區:
銳利化程度
圖片大小縮放、左轉右轉(搭配程式控制)
Switch:開關
研究欄位
- state 0 or 1
- on Tint 元件底色
- Thumb Tint 豆豆顏色
舉一反三使用區:
切換功能(T/F架構都可用)
Activity Indicator View:代表正在做某件事的進度條
研究欄位
- style
- color 顏色選擇
- animating
a boolean value indication whether the activity indicator is currently running its animation.
舉一反三使用區:
過場動畫
Progress View:顯示進度的進度條
研究欄位
- style 圓弧進度條/直方進度條
- progress
- progress Tint 進度顏色
- track tint 長度顏色 progress image ??
- track image??
Q:能不能遷入圖片在進度條頂端
舉一反三使用區:
讀書章節進度
Visual Effect View with Blur:毛玻璃效果。
研究欄位
Blur Style
以段落文字來說 可以一片就達到多區域關鍵字隱藏/清晰
或是需要以放置多個項目進行位置遮蔽?
舉一反三使用區:
語言練習
背誦練習
Page Control:小圓點,顯示有幾個分頁和目前在第幾個分頁。
研究欄位
- #of pages 總共會有幾個頁面
- current 現在在第幾頁
- hides for single page
- tint color
- current page
舉一反三使用區:
Date Picker:時間選擇的元件。
- style 日曆/轉盤樣式/輸入樣式
- mode 格式
- locale 當地時間
- interval 時間間隔
- date 當地日期
- minimum date 起始日期
- maximum date 最遠日期
舉一反三使用區:
1.時間選擇(沒有反三項…)