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

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

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

相关文章推荐

自定义toast时,有些时候不能设置想要的宽和高(代码动态设置或使用文末方式)

应用场景:自定义一个toast,主要设置toast.setview(view)中的view从布局xml来。 需要动态改变toast的宽高。 public static void showToast(A...

自定义Toast设置宽度

使用自定义Toast的时候,在layout文件下设置宽度发现无效,怎么设置都是根据内容大小来显示具体宽度要实现的效果如下 自定义Toast代码如下 public c...

我是如何成为一名python大咖的?

人生苦短,都说必须python,那么我分享下我是如何从小白成为Python资深开发者的吧。2014年我大学刚毕业..

Axure 动态面板实现弹出框效果

今天在画原型图的时候遇到了个弹出框效果的实现,感觉挺有意思的,拿出来share下~           如图:当我点击删除按钮后,如果用户选择删除,则要求要弹出一个对话框来让用户输入处理备注,如果...

Axure使用动态面板制作tab切换效果

最近在公司使用axure做原型设计,记录下学习进度和遇到的问题处理方法 今天写下使用动态面板制作tab切换效果 效果如下:切换栏目1,2,3分别显示不同的页面 步骤: 在页面添加导航栏...

Axure的动态面板制作tab切换效果

最近进行机房合作画原型图的时候用到了Axure画图软件,画出来的图感觉棒棒哒!在画结账窗体的时候确实遇到了一些问题,因为有动态效果图,点击不同的Tab时要有不同的界面显示,所以学习了一下!

Axure RP 手机锁屏解锁的交互效果-动态面板的应用

开始拖动动态面板时事件是指开始拖动动态面时触发的交互行为。下面以一个锁屏解锁的交互效果为案例来介绍开动拖动动态面板时事件。产品设计axure  交互效果。 步骤1: 准备一张“解锁”图标。另从部件库...
  • PEXUE
  • PEXUE
  • 2015-01-19 14:00
  • 1346

【Axure教程】动态面板制作弹出框效果

转载自:老二牛车教育 » 【Axure教程】动态面板制作弹出框效果 作为一名互联网产品设计人员,相信很多同行每天上班电脑上都会运行着一个软件——Axure,她能帮助网站需求设计者,快捷而简便的...

【Axure教程】动态面板制作弹出框效果

作为一名互联网产品设计人员,相信很多同行每天上班电脑上都会运行着一个软件——Axure,她能帮助网站需求设计者,快捷而简便的创建基于网站构架图的带注释页面示意图、操作流程图、以及交互设计,并可自动生成...
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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