<listing id="zpvbj"></listing>
<var id="zpvbj"><strike id="zpvbj"></strike></var><cite id="zpvbj"><video id="zpvbj"><thead id="zpvbj"></thead></video></cite>
<cite id="zpvbj"></cite>
<menuitem id="zpvbj"></menuitem>
<menuitem id="zpvbj"></menuitem><var id="zpvbj"><video id="zpvbj"><thead id="zpvbj"></thead></video></var>
<var id="zpvbj"><video id="zpvbj"></video></var><cite id="zpvbj"></cite><var id="zpvbj"></var>
<var id="zpvbj"><strike id="zpvbj"></strike></var>
<var id="zpvbj"></var>
<cite id="zpvbj"></cite><var id="zpvbj"><dl id="zpvbj"></dl></var>
<var id="zpvbj"></var><var id="zpvbj"><strike id="zpvbj"></strike></var>
<var id="zpvbj"></var>

手機版 歡迎訪問人人都是自媒體網站

當前位置:主頁 > 推廣 >

Axure 矩形長度跟隨文字的長度變化

時間:2020-11-23 09:20|來源:網絡整理|編輯:采集俠|點擊:

編輯導讀:矩形長度的變化是隨著文字長度的變化而變化,若兩者長度不統一,視覺體驗會大大減分。本文用Axure教程介紹如何讓矩形寬度跟隨文字長度變化,希望對你有幫助。

 Axure 矩形長度跟隨文字的長度變化

在Axure中,已加載的矩形的長度不會隨著矩形文字的變化而變化(就算矩形設置了‘自動適合文本寬度’也一樣), 需要手動設置。

 Axure 矩形長度跟隨文字的長度變化

變更前文本矩形寬度

 Axure 矩形長度跟隨文字的長度變化

變更文本后文本矩形的寬度不變,顏色和邊框同樣不會改變。

但是經常我們會通過觸發某個觸發事件來更改矩形的文字,如果變化后的文字長度不同于原文字長度,那么矩形的顏色或者邊框不會跟著文字的長度改變而改變(因為矩形的寬一直沒有改變)。

典型應用:按鈕文字變更、toast提示母版,?需要矩形的長度跟隨文字長度變化而變化。

一、如何讓矩形寬度跟隨文字長度變化?

技能點:

文字的字號=文字的像素寬度。

理解?width(像素寬度)和?length(文字長度/個數)。

1. 元件準備

文本矩形,命名為“顯示文本”;

矩形按鈕,命名為“按鈕”;

 Axure 矩形長度跟隨文字的長度變化

元件準備

2. 具體操作

1)設置按鈕點擊事件

1.更改顯示文本的文字,可以多寫幾個。

 Axure 矩形長度跟隨文字的長度變化

2.設置顯示文本的寬度等于?文字個數(顯示文本.length)*字號+1(*+1的原因是矩形框沒有文字的時候也會占1個像素,有文字的時候要加上這個像素,有興趣的同學可以自行驗證)。

 Axure 矩形長度跟隨文字的長度變化

設置顯示文本的寬度

 Axure 矩形長度跟隨文字的長度變化

添加顯示文本的文字為局部變量

 Axure 矩形長度跟隨文字的長度變化

添加變量,設置函數公式[[LVAR1.length*13+1]]

注意:當顯示文本的左右有填充的時候,需要把填充的像素一起加上。

 Axure 矩形長度跟隨文字的長度變化

此時函數公式變成[[LVAR1.length*13+20+1]]

3. 預覽效果

 Axure 矩形長度跟隨文字的長度變化

以下為實驗數據:

驗證:?文字的字號=文字的像素寬度。

計算當前字號下每個字的像素寬度,這里設置的是13號字號。把文本矩形復制成四份,分別設置每個文本矩形的文字個數為1、2、3、4個。分別記錄每個文本矩形的寬度,相減即可的出每個字的像素寬度為13。

 Axure 矩形長度跟隨文字的長度變化

相減可得出,每個字的寬度為13。

結論:文本矩形的寬度=文本的字數x文字的字號+1(?矩形框沒有文字的時候也會占1個像素,在有文字的時候要加上1個像素 )。

本文由 @Haven 原創發布于人人都是產品經理。未經許可,禁止轉載

題圖來自Unsplash,基于CC0協議

給作者打賞,鼓勵TA抓緊創作!

贊賞

1人打賞

 Axure 矩形長度跟隨文字的長度變化

Copyright © 2018 DEDE97. 織夢97 版權所有 京ICP

淘宝av国产福利资源-欧美成人影院-怎样观看网红直播app定制-啪啪啪国产-1024你懂的国产首页-国产精品偷拍人妻-勾魂尤物-av撸啪啪在线-制服下的诱惑全文-在线视频?国产?亚洲?素人-国产情侣负免费视频-偷拍巨乳欧美日韩国产-久久免费网国产_久久免费网站_久久免费无修韩国漫画网站,国产素人女同人妻,沈艺语麻豆传媒,中文字幕朝鲜歌曲 韩国女主播苏贝果| 麻豆madou传媒视频| 给英语视频添加中文字幕| 富二代国产资源手机在线网址| 热的国产在线视频播放| 日本中文国产欧美在线视频| 183tv在线观看午夜| 91国产啪啪视频| 国产剧情片电影大全免费观看| 肉丝国产剧情| 国产4000部直播视频| 国产sm短片| 韩国取暖器| 麻豆传媒剧情蜜芽| 欧美中日韩| 中文字幕电影网站观看| 手机福利国产电影| 小鸟酱在线播放720p| 99热热在线精品久久图片| 午夜理论1000集合在线观看| 无码日韩AV一区二区三区| 国产超模像刘亦菲| 国产剧情国产舅| 老司机 萝莉 国产| 国产情侣偷拍视频莉哥| 亚洲国产制服丝袜高清在线| 国产偷拍家教老师和学生磁力链| 麻豆传媒原创小区物业| 欧美电影科幻片三个字| 日本发什么| 保安篇 国产原创| 麻豆女神营养子| 现爱在线观看中文字幕| 美国人脱口秀中文字幕| 菠萝蜜视频网站国产| 丝瓜视频国产官网下载安卓| a 亚洲国产在线视频| 午夜福利电影司机在线观看| 午夜凶铃1无删减版在线观看| 网红主播福利视频线观看| 欧美日韩国产直播在线影院| http://www.imeado.com http://www.99499ag.com http://www.wwwjs778778.com http://www.wwwqi992.com http://www.wwwv99669.com http://www.wwwp063801.com