研究各種 UI 元件:原來不用寫程式,就能做那麼多事!

閱讀時間約 2 分鐘

目的:研究各種UI元件

raw-image

  1. segmented control: 可設定選項讓使用者做選擇,其中幾項可以注意:

Segments: 可設定要幾種選擇欄位。

Segment:可選擇哪一個欄位的內容要做更動,包括標題,圖片等等。

Title: 可輸入更改欄位的文字內容。

Image:可設定欄位的圖片。

Selected: 可設定初始欄位為哪一欄。

2. slider: 可用來設定特定部分的量值,如音量、螢幕亮度等等...。

Value:可調整初始值的位置。

Minimum:可設定最小值為多少。

Maximum:可設定最大值為多少。

Min Image:顯示最小值的圖片。

Max Image:顯示最大值的圖片。

Min Track : 較小值線條的顏色。

Max Track:較大值線條的顏色。

Thumb Tint:調整大小鈕的顏色。

3. switch : 作為開關使用,可打開或關閉特定功能,如鬧鐘。

State:設定狀態要關或者打開。

On Tint:打開時的顏色為何。

Thumb Tint:按鈕的顏色。

4. Activity Indicator View: 當準備執行某項功能時,會出現的等待圖案。

Style: 可調整大小。

color: 可調整圖案顏色。

Animating: 是否執行旋轉的動畫。

5. Progress View: 進度條的概念。

Style:可調整進度條的粗度。
Progress:調整進度條的初始值。

Progress Tint:調整進度條已經完成的顏色。
Track Tint:調整進度條未完成的顏色。

Progress Image:可將進度條設定為特定圖片進度條,改變進度條的樣式。
Track Image:可將進度條未完成部分設定為特定圖片進度條,改變進度條的樣式。

6. Visual Effect View with Blur: 讓背景模糊化的功能,類似毛玻璃。

Blur Style:可設定其模糊化的顏色及透明度和模糊程度。

7. Page control: 設定分頁下方的點點,可從此得知所在第幾個分頁。

# of Pages:可設定點點數。
Current:初始值的頁數。
Hides for Single Page: 當只有一頁時隱藏。
Tint Color:點點的顏色。
Current Page:所選頁面點點的顏色。

8. Date picker: 可選擇時間的元件。

Style:可設定日曆樣式。
Mode :可設定時間的單位。
3 Locale:選擇時間的語言。
4 Interval:可調整的間隔時間。
5 Date:選擇起始時間點。
6 Minimum Date:最早可選時間。
7 Maximum Date最晚可選時間。

    avatar-img
    1會員
    37內容數
    留言0
    查看全部
    avatar-img
    發表第一個留言支持創作者!
    dab戴伯的沙龍 的其他內容
    這次模仿製作IOS的APP設計,第一次使用sketch和zeplin兩個軟體模仿,這真的是像我這種沒有設計感的人的救星啊!!!,你可以從sketch去分析你要的圖片或者色塊,甚至設計你的UI版面。 這次是將sketch檔案中需要的圖片及文字分別進行make exportable,以此可以讓sket
    作業目的: 不寫程式,從 storyboard 運用 tab bar controller,navigation controller,table view controller & static cell 實作電子書 App。 使用功能 搭配 tab bar controller & navi
    這次模仿製作IOS的APP設計,第一次使用sketch和zeplin兩個軟體模仿,這真的是像我這種沒有設計感的人的救星啊!!!,你可以從sketch去分析你要的圖片或者色塊,甚至設計你的UI版面。 這次是將sketch檔案中需要的圖片及文字分別進行make exportable,以此可以讓sket
    作業目的: 不寫程式,從 storyboard 運用 tab bar controller,navigation controller,table view controller & static cell 實作電子書 App。 使用功能 搭配 tab bar controller & navi
    你可能也想看
    Google News 追蹤
    Thumbnail
    這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
    Thumbnail
    11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
    Thumbnail
    Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
    Thumbnail
    中華化 (1727)是今天某位老師推薦的熱門股,本篇文章則是Victor根據技術、籌碼、財報、消息等因素作出的評估報告。
    前幾天很多人在方格子討論一篇文要多少字比較好,結論是一篇文1500字上下。 或許對於部落格文章來說,這個字數的確比較容易留得住人,但我對於這個字數是否適合小說抱持著懷疑...
    Thumbnail
    公司介紹 中租迪和股份有限公司是台灣的租賃控股公司龍頭 企業需要機器設備但缺乏資金時,由租賃公司購買該項機器設備,再轉租給企業,而租賃公司以分期收取租金方式回收全部資金及利息,且於租約期滿時,可享有優先承購或續租該項租賃資產。
    Thumbnail
    中租經營之放貸業務屬合約制, 業務量穩定, 營收可預測性很高, 一直很穩定成長。 近年獲利下滑, 本益比到11.1, 以本益比河流圖, 來到便宜區間。 歷來只有中國大陸在經濟不佳的時刻, 中租才會來到便宜區間。
    我目前會10種語言:中英日俄韓法德西義波。 其中,中英日是不用看字幕也能聽懂的程度, 俄韓法義還在建立語感,德西波則還在基礎單字的等級。 會學這麼多種語言,起源於我在2020年28歲時開始學義大利語。 當初學義大利語的目的,是準備到義大利的西西里島, 參加機器學習會議
    Thumbnail
    這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
    Thumbnail
    11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
    Thumbnail
    Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
    Thumbnail
    中華化 (1727)是今天某位老師推薦的熱門股,本篇文章則是Victor根據技術、籌碼、財報、消息等因素作出的評估報告。
    前幾天很多人在方格子討論一篇文要多少字比較好,結論是一篇文1500字上下。 或許對於部落格文章來說,這個字數的確比較容易留得住人,但我對於這個字數是否適合小說抱持著懷疑...
    Thumbnail
    公司介紹 中租迪和股份有限公司是台灣的租賃控股公司龍頭 企業需要機器設備但缺乏資金時,由租賃公司購買該項機器設備,再轉租給企業,而租賃公司以分期收取租金方式回收全部資金及利息,且於租約期滿時,可享有優先承購或續租該項租賃資產。
    Thumbnail
    中租經營之放貸業務屬合約制, 業務量穩定, 營收可預測性很高, 一直很穩定成長。 近年獲利下滑, 本益比到11.1, 以本益比河流圖, 來到便宜區間。 歷來只有中國大陸在經濟不佳的時刻, 中租才會來到便宜區間。
    我目前會10種語言:中英日俄韓法德西義波。 其中,中英日是不用看字幕也能聽懂的程度, 俄韓法義還在建立語感,德西波則還在基礎單字的等級。 會學這麼多種語言,起源於我在2020年28歲時開始學義大利語。 當初學義大利語的目的,是準備到義大利的西西里島, 參加機器學習會議