美文网首页Axure知识汇总
巧用固定边角范围修改页面

巧用固定边角范围修改页面

作者: 陪学 | 来源:发表于2018-04-10 14:44 被阅读6次

在Axure中,图片部件有这样一个功能:Preserve Corners即固定边角范围(Axure RP 7中为 “保留边角”)。对于这一个功能,许多人并不熟悉,甚至觉得这个功能没有一点用处。是不是真的这样?

对于“固定边角范围”这个功能的使用,典型的应是:调整按钮图片的大小,同时固定其边角样式。在进行原型设计的时候,用这个功能可以有意想不到的神奇功效。

这里有一个简单但是特别实用的使用方法介绍给大家:当你想插入一个额外的元素到一个窗体或对话框来快速地模拟出别人提出的修改意见时,使用这个功能可以快速搞定。例如,对登录面板进行一个简单的修改;

(这张图片是动图)

我们只需要增加一个输入框,其他不需改动。这是我们在图中选择一段空白作为“中心”部分,这部分以外的就是“边角”。当我们把图片拉长时,“边角”固定不变,“中心”部分会被拉伸,这也是我们选择空白部分作为“中心”的原因。在拉伸出来的空白部分加入额外的元素就OK了。

没有无用的功能,只要能掌握好它,都能够带给我们意想不到的惊喜!

(加微信:pexuepexue,小编邀请您进入全国产品经理交流群)

群内每日分享学习资料、重磅报告、面试问题、招聘信息、免费课程

更多精品文章查看:http://axure.pexue.com/PeiXue/Default.aspx

相关文章

  • 巧用固定边角范围修改页面

    在Axure中,图片部件有这样一个功能:Preserve Corners即固定边角范围(Axure RP 7中为 ...

  • jQuery的主要功能

    1:访问页面框架的局部 1>:jQuery大大简化了DOM获取页面某个节点或者某一类节点的固定方法; 2:修改页面...

  • 小技巧

    如果想开发时候在哪个页面。可以在编译器的顶部修改启动页面。 样式说明。 设置固定的顶部位置 文字不换行 100vh...

  • flutter 物流信息页面

    物流信息页面实现方式,根据具体页面修改 。 使用 实现 根据具体页面可以修改

  • css基础--浅谈几种常用的布局方式

    1.固定布局 宽度,高度固定,页面被一个固定网页包裹,容器不能移动,页面的宽高不随页面的变化而变化,这种布局大家比...

  • web --静态网络 11.30

    (一)显示固定的页面 (二)显示需要页面

  • 巧用页面空间收纳

    底部一小行入口,让用户在看资讯的同时,也能关注黄金/原油/外汇的行情(如右图),简洁明了的色块表示涨跌,包括了各种...

  • SpringMVC入门知识4

    商品修改功能开发需求:操作流程1、进入商品的查询列表页面2、点击修改,进入商品的修改页面页面中显示了要修改的商品信...

  • button

    今天遇到一个问题,list页面和修改,添加页面写在一起的,而且我修改页面加了一个修改butotn,点击修改时,跳到...

  • cordova上下滑动页面视口不固定解决办法

    问题描述:随着手指上下滑动,cordova中的html整体跟着上下滑动,无法固定页面的导航 解决办法:修改conf...

网友评论

    本文标题:巧用固定边角范围修改页面

    本文链接:https://www.haomeiwen.com/subject/vfqnhftx.html