Axure实现Toast效果——使用动态面板实现自动调整宽度的效果

原创 2016年08月29日 23:36:17

前言:欢迎关注我左侧头像下的新浪微博,实时更新最新文章信息,增进交流,共同成长。
原文出处:http://blog.csdn.net/u014158743/article/details/52357574

最近学axure的时候, 想做出android中toast的效果, 能根据需要提示的内容长短自动调整提示文本的宽度, 类似android中toast的效果. Label部件能实现文本的宽度自动调整, 但是一有背景色, 背景色的宽度却不会随之改变. 网上也没找到什么好的方法, 后来自己想出了一种比较low的方法, 虽然比较low, 总归是实现了, 如下.

首先, 基本布局
一个用来触发显示toast的按钮, 一个label部件, 黑底白字, 模拟toast效果, 如图
基本布局

然后右击label部件, 将其转换成动态面板, 并拖长动态面板留出预留空间, 如图
拖长动态面板

准备完成后我们为按钮添加单击用例, 总体动作如图
用例开始
仔细留意当前toast宽度, 以便进行设置. 现在宽度为81, 假如现在文本内容从”内容内容内容”–>”内容内容内容内容内容内容”, 可知文本增长一倍, 我们可以设置面板宽度为162, 并在显示前左移40, 显示后再右移40, 这样就达到了想要的效果

最终动作如下图
用例最终结果

最后隐藏label, 发布即得到想要的效果
隐藏label

很显然, 这方法笨得可以, 望知道正解的博友留言或留下博客地址赐教, 万分感激!!!
另: 左上角头像下微博可以联系到我.
结束, 祝成长…

版权声明:请尊重作者辛苦成果,转载请注明出处。

相关文章推荐

Axure VS Mockplus VS Balsamiq - 原型图设计工具对比

原型图(或线框图)设计工具是创建网站和应用程序的利器,它让设计师和设计团队专注于原型产品的功能以及如何创建更好的用户体验。如今,市场上涌现了各类功能不一的原型工具。然而,从中挑选出一款最合适自己的也不...
  • jongde1
  • jongde1
  • 2016年01月08日 13:42
  • 1753

Axure8.0设计展开、收缩界面,就像ExpandableListView

Axure8.0设计展开、收缩界面,就像ExpandableListView 1、准备两张图片,展开,收缩: 2、添加三个矩形,模拟三行列表: 3、右键单击最后一项-->选择...

给定A, B两个整数,不使用除法和取模运算,求A/B的商和余数

给定A, B两个整数,不使用除法和取模运算,求A/B的商和余数。 1.   最基本的算法是,从小到大遍历: for (i = 2 to A -1)          if (i * B > A)...

利用K-means聚类算法根据经纬度坐标对中国省市进行聚类

K-means聚类算法是一种非层次聚类算法,在最小误差的基础上将数据划分了特定的类,类间利用距离作为相似度指标,两个向量之间的距离越小,其相似度就越高。程序读取全国省市经纬度坐标,然后根据经纬度坐标进...

Radon变换理论介绍与matlab实现--经验交流

本人最近在研究Radon变换,在查阅了各种资料之后在此写下个人的理解,希望与各位牛牛进行交流共同进步,也使得理解更加深刻些。 Radon变换的本质是将原来的函数做了一个空间转换,即,将原来的XY平...

CT图像重建技术

由于csdn贴图不方便,并且不能上传附件,我把原文上传到了资源空间CT图像重建技术 1.引言 计算机层析成像(Computed Tomography,CT)是通过对物体进行不同角度的射线投影测量而...

Matlab绘图-很详细,很全面

Matlab绘图强大的绘图功能是Matlab的特点之一,Matlab提供了一系列的绘图函数,用户不需要过多的考虑绘图的细节,只需要给出一些基本参数就能得到所需图形,这类函数称为高层绘图函数。此外,Ma...

linux查找目录下的所有文件中是否含有某个字符串

查找目录下的所有文件中是否含有某个字符串  find .|xargs grep -ri "IBM"  查找目录下的所有文件中是否含有某个字符串,并且只打印出文件名  find .|xargs g...

Radon变换入门matlab CT原理

http://hi.baidu.com/hi9394/blog/item/0d492b8bfd714700c8fc7aa9.html 简介 图像投影,就是说将图像在某一方向上做线性积分(或理解为累...

Excel2016右键新建工作表,打开时提示“因为文件格式或文件扩展名无效。请确定文件未损坏,并且文件扩展名与文件的格式匹配。”的解决办法

上午新建excel工作表时,发现新建完之后居然打不开 提示: 尼玛这坑爹的,难道我的Excel坏了?? 排查问题之后发现 只有新建“Microsoft Excel 工作表”时...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Axure实现Toast效果——使用动态面板实现自动调整宽度的效果
举报原因:
原因补充:

(最多只允许输入30个字)