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

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

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

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

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

Axure RP 浏览器窗口改变大小时

axure窗口改变大小时事件,案例选择了窗口改变大小时设置适应窗口尺寸的交互实例详细介绍实现效果及方法 步骤1:  导入页首及导航图片。 RP 浏览器窗口改变大小时" /> 步骤2: 全...
  • PEXUE
  • PEXUE
  • 2015年01月19日 14:00
  • 1952

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

应用场景:自定义一个toast,主要设置toast.setview(view)中的view从布局xml来。 需要动态改变toast的宽高。 public static void showToast(A...
  • anhenzhufeng
  • anhenzhufeng
  • 2015年01月14日 17:35
  • 2061

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

前言:欢迎关注我左侧头像下的新浪微博,实时更新最新文章信息,增进交流,共同成长。 原文出处: 最近学axure的时候, 想做出android中toast的效果, 能根据需要提示的内容长短自动调...
  • u014158743
  • u014158743
  • 2016年08月29日 23:36
  • 3241

Android开发之Toast组件

Toast是一个简短的信息提示框,可以在一定的时间内进行显示,而后过一段时间,自动消失 .xml ...
  • baohanqing
  • baohanqing
  • 2013年12月30日 20:41
  • 427

动态面板——自动幻灯片

幻灯片的典型用法示例,一步一步学动态面板
  • zhuchuanming
  • zhuchuanming
  • 2015年09月09日 21:24
  • 2162

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

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

自定义Toast组件

.xml    
  • baohanqing
  • baohanqing
  • 2013年12月30日 20:41
  • 347

JAVA打开图片(面板自动随图片大小调整)

使用JAVA打开图片。(面板可以随着图片的不同,调整不同的大小去展示图片) JAVA代码: public class ShowPic { /** * @param a...
  • Zidane_2014
  • Zidane_2014
  • 2015年04月27日 17:14
  • 573

Axure RP 万能的标签切换面板-动态面板切换

切换面板在网页中算是非常常见的,如视频网站的电视剧分类标签、资讯网站的资讯分类等;这些交互效果都可以利用动态面板的几个状态来进行相互切换得来。下面来介绍一下如何制作这样的标签。 步骤1: 从部...
  • PEXUE
  • PEXUE
  • 2015年01月19日 14:00
  • 9926
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Axure实现Toast效果——使用动态面板实现自动调整宽度的效果
举报原因:
原因补充:

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