研究各種 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最晚可選時間。

    1會員
    37內容數
    留言0
    查看全部
    發表第一個留言支持創作者!
    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
    接下來第二部分我們持續討論美國總統大選如何佈局, 以及選前一週到年底的操作策略建議 分析兩位候選人政策利多/ 利空的板塊和股票
    Thumbnail
    🤔為什麼團長的能力是死亡筆記本? 🤔為什麼像是死亡筆記本呢? 🤨作者巧思-讓妮翁死亡合理的幾個伏筆
    前幾天很多人在方格子討論一篇文要多少字比較好,結論是一篇文1500字上下。 或許對於部落格文章來說,這個字數的確比較容易留得住人,但我對於這個字數是否適合小說抱持著懷疑...
    Thumbnail
    公司介紹 中租迪和股份有限公司是台灣的租賃控股公司龍頭 企業需要機器設備但缺乏資金時,由租賃公司購買該項機器設備,再轉租給企業,而租賃公司以分期收取租金方式回收全部資金及利息,且於租約期滿時,可享有優先承購或續租該項租賃資產。
    Thumbnail
    中租經營之放貸業務屬合約制, 業務量穩定, 營收可預測性很高, 一直很穩定成長。 近年獲利下滑, 本益比到11.1, 以本益比河流圖, 來到便宜區間。 歷來只有中國大陸在經濟不佳的時刻, 中租才會來到便宜區間。
    我目前會10種語言:中英日俄韓法德西義波。 其中,中英日是不用看字幕也能聽懂的程度, 俄韓法義還在建立語感,德西波則還在基礎單字的等級。 會學這麼多種語言,起源於我在2020年28歲時開始學義大利語。 當初學義大利語的目的,是準備到義大利的西西里島, 參加機器學習會議
    Thumbnail
    MAPPA,那家動漫迷一聽到都興奮不已的公司,燃燒經費,獻出心臟,出產了那些廣為人知的大作,像地獄樂、進擊的巨人、咒術迴戰等作品,而因為最近終於終於,進擊的巨人The Final Season(完結後篇)要出了,所以索性得來研究一下這家誕生出各種神作的,超級動畫工作室。
    Thumbnail
    ★瀕死經驗研究權威五十年的心血, 繼《死後的世界》的重磅巨作, 雷蒙.穆迪博士(Raymond Moody)稱此書 「即將成為瀕死經驗研究中的經典」。   ●本書是探討瀕臨死亡經驗中最近的一本著作。 作者布魯斯.葛瑞森醫師是一位精神科醫師,他在年輕時擔任實習醫師,一個案例讓他開始對大腦的運作產
    Thumbnail
    甘草-異甘草素(Isoliquiritigenin,縮寫ISL)簡介 是一種重要的生物活性化合物,具有莖烯結構,主要來自甘草根。甘草一般被稱為甘草屬植物,包括甘草(Glycyrrhiza)的不同種類,如甘草(Glycyrrhiza uralensis)、甘草根(Glycyrrhiza radix)
    Thumbnail
    接下來第二部分我們持續討論美國總統大選如何佈局, 以及選前一週到年底的操作策略建議 分析兩位候選人政策利多/ 利空的板塊和股票
    Thumbnail
    🤔為什麼團長的能力是死亡筆記本? 🤔為什麼像是死亡筆記本呢? 🤨作者巧思-讓妮翁死亡合理的幾個伏筆
    前幾天很多人在方格子討論一篇文要多少字比較好,結論是一篇文1500字上下。 或許對於部落格文章來說,這個字數的確比較容易留得住人,但我對於這個字數是否適合小說抱持著懷疑...
    Thumbnail
    公司介紹 中租迪和股份有限公司是台灣的租賃控股公司龍頭 企業需要機器設備但缺乏資金時,由租賃公司購買該項機器設備,再轉租給企業,而租賃公司以分期收取租金方式回收全部資金及利息,且於租約期滿時,可享有優先承購或續租該項租賃資產。
    Thumbnail
    中租經營之放貸業務屬合約制, 業務量穩定, 營收可預測性很高, 一直很穩定成長。 近年獲利下滑, 本益比到11.1, 以本益比河流圖, 來到便宜區間。 歷來只有中國大陸在經濟不佳的時刻, 中租才會來到便宜區間。
    我目前會10種語言:中英日俄韓法德西義波。 其中,中英日是不用看字幕也能聽懂的程度, 俄韓法義還在建立語感,德西波則還在基礎單字的等級。 會學這麼多種語言,起源於我在2020年28歲時開始學義大利語。 當初學義大利語的目的,是準備到義大利的西西里島, 參加機器學習會議
    Thumbnail
    MAPPA,那家動漫迷一聽到都興奮不已的公司,燃燒經費,獻出心臟,出產了那些廣為人知的大作,像地獄樂、進擊的巨人、咒術迴戰等作品,而因為最近終於終於,進擊的巨人The Final Season(完結後篇)要出了,所以索性得來研究一下這家誕生出各種神作的,超級動畫工作室。
    Thumbnail
    ★瀕死經驗研究權威五十年的心血, 繼《死後的世界》的重磅巨作, 雷蒙.穆迪博士(Raymond Moody)稱此書 「即將成為瀕死經驗研究中的經典」。   ●本書是探討瀕臨死亡經驗中最近的一本著作。 作者布魯斯.葛瑞森醫師是一位精神科醫師,他在年輕時擔任實習醫師,一個案例讓他開始對大腦的運作產
    Thumbnail
    甘草-異甘草素(Isoliquiritigenin,縮寫ISL)簡介 是一種重要的生物活性化合物,具有莖烯結構,主要來自甘草根。甘草一般被稱為甘草屬植物,包括甘草(Glycyrrhiza)的不同種類,如甘草(Glycyrrhiza uralensis)、甘草根(Glycyrrhiza radix)