研究 label 的欄位

Line Breaks & Autoshrink

Weiling Chang
Jul 24, 2017 · 2 min read

Line Breaks: 當Label的格子寬度放不下文字時文字排列的表現。

Line Breaks

Clip:後方的文字裁切掉。
Character Wrap:以「字母」斷行。
Word Wrap:以「單字」斷行。
Truncate Head前方的文字以 「…」 代替。
Truncate Middle中間的文字以 「…」 代替。
Truncate Tail後方的文字以 「…」 代替。

Line Breaks 各選擇呈現

Autoshrink: 當Label的格子寬度放不下文字時文字字體大小的表現。

Autoshrink

Fixed Font Size(default):不縮放。
Minimum Font Scale:依設定的最小縮放倍數縮小文字,以顯示所有文字。
Minium Font Size:依設定的字型大小縮小文字,以顯示所有文字。

Autoshrink 各選擇呈現

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade