1.13 Layer 圖層 - Text Layer 文本圖層


A text layer. Define the size to wrap text. Change anchor to set text alignment.
文字圖層,能定義容器的大小。更改錨點(diǎn)以設(shè)置文本對(duì)齊方式。

Enable 啟用
A boolean that is true when the layer is displayed.
勾選啟用查看器中才讀取這個(gè)圖層。

Text 文本
A text string to display.
要顯示的文字。

Font Name 字體名稱
The font family with which to render the text. By default, uses the font on the phone, tablet, or computer the prototype is running on.
用于呈現(xiàn)文本的字體系列。默認(rèn)情況下,在使用正在運(yùn)行的手機(jī)、平板電腦、電腦上的字體。

Font Size 文字尺寸
The size with which to render the text, in dp.
文字大小,單位dp。

Color 顏色
The color of the layer.
圖層的顏色。

Position 位置
The position to display the layer. Use Point 3D to set Z position.
位置。使用 Point 3D 模塊設(shè)置Z軸位置。
板栗:點(diǎn)擊 Position 屬性也可以顯示3個(gè)軸向并設(shè)置值。

Anchor 錨點(diǎn)
The anchor point to position the layer relative to. Determines text alignment.See Coordinates for more information.
位于屏幕中的錨點(diǎn),取保字符對(duì)齊。詳細(xì)信息閱讀Coordinates 坐標(biāo)。

Size 尺寸
The size of the layer. Any text overflowing the width will be wrapped to subsequent lines.
文本框的大小。溢出寬度的文本會(huì)自動(dòng)換行。

Opacity 不透明度
The opacity of the layer.
圖層的不透明度。

Scale 比例
The scale of the layer.
圖層顯示的比例。(板栗:1=100%)

Rotation 角度
The rotation of the layer. Use Point 3D to set X or Y rotations.
圖層的角度。使用 Point 3D 模塊設(shè)置Z、Y軸角度。
板栗:點(diǎn)擊 Rotation 屬性也可以顯示3個(gè)軸向并設(shè)置值。

Pivot 軸心點(diǎn)
The pivot to rotate and scale the layer about. See Coordinates for more information.
圖層縮放、旋轉(zhuǎn)、移動(dòng)時(shí)的中心點(diǎn)或初始點(diǎn)。詳細(xì)信息閱讀Coordinates 坐標(biāo)。

Shadow
Shadow Color 陰影顏色
The color of the shadow.
陰影的顏色。

Shadow Opacity 陰影不透明度
The opacity of the shadow. By default, the opacity is 0, which disables the shadow.
陰影的不透明度。 默認(rèn)值為0,不顯示陰影。

Shadow Radius 陰影半徑
The blur radius of the shadow.
陰影的模糊半徑值。(板栗:值越大范圍越大,顏色越淡。)

Shadow Offset 陰影偏移
The size of the shadow relative to the size of the layer.
陰影相對(duì)于圖層的距離和角度。

Character Spacing 字間距
A number that represents the horizontal space between characters, in dp.
表示字符之間的水平間距的數(shù)字,單位dp。

Line Height 行間距
A number that represents the distance between baselines, in dp.
表示兩行文本間的距離,單位dp。

Paragraph Spacing 段落間距
A number that represents the vertical space between paragraphs, in dp.
表示兩個(gè)段落之間的距離,單位dp。

全部圖層,查看 圖層目錄


Related Patches 相關(guān)模塊

Text Size,Text Length


Related Layers 相關(guān)圖層

Text Field 文本輸入框


Related Examples 案例

Facebook Notifications
Create a series of notifications entirely out of loops.

Fahrenheit to Celsius
Get to know logic and patches in Origami through temperature conversion.

Instagram Adjust
Use drag to control the Instagram straighten tool.

Instagram Color Picker
Change the text color in an Instagram Stories post.

Instagram Compose
Switch between the Instagram upload options.

Instagram Direct Messages
Send an Instagram direct message to a friend, over and over again.

Instagram Notifications
Switch between notifications with animation.

Instagram Stories Scroll
Tap to switch between read and unread Instagram Stories.

Photo Zoom
Animate between two states when the screen is tapped.

Traffic Light
Transition across three or more states and include logic.
See Example


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 長恨人心不如水,等閑平地起波瀾。 年下到正月,家中幾番變故,令人許久不得心靜,唏噓感慨,意難平!都說人生如戲,哪知...
    日夕間閱讀 588評(píng)論 0 3
  • 武陵源風(fēng)景區(qū)類似于天下第一橋的風(fēng)景有很多,但其特征基本相似:這里是林的峰,峰的林,我們看山大多是仰望的,而這里...
    9e0b0fa679e8閱讀 561評(píng)論 0 0
  • 盡管走下去,不必逗留著,去采鮮花來保存,因?yàn)樵谶@一路上,花自然會(huì)繼續(xù)開放?!└?duì)?自從我喜歡上了文字后,偶爾有...
    八月天閱讀 1,467評(píng)論 0 1

友情鏈接更多精彩內(nèi)容