Axure 多平台自适应

步骤一:设置自适应视图

1、新建两个页面分别命名为“PC版”和“移动版”
2、启动自适应视图: 条件为大于等于,宽为1024,继承于基本视图3、新建自适应视图“PC版”
4、新建自适应视图“移动版”,条件为小于等于,宽为1024,继承于基本视图
image
image

步骤二:拖拉摆放好相关控件

1、进入“PC版”视图,,一个1000X800内联框架,从不显示滚动条,切换边框可见性,链接到当前项目的PC版页面。
2、进入“移动版不视图,一个490X917内联框架,从不显示滚动条,切换边框可见性,链接到当前项目的移动版页面
image
image
image

步骤三:设计PC版页面

1、拖拉一些矩形、图片、水平线和文本标签设计PC版页面
2、页面的填充颜色设置为#F1F1F1。
image

步骤四:设计移动版页面

1、拖拉一些矩形、图片、水平线和文本标签设计移动版页面:
2、页面的填充颜色设置为#F1F1F1。
image

预览

image

本文转载于网络 如有侵权请联系删除

相关文章

  • android 中间大两边小,android 画廊效果(中间大两边小)的无限轮播banner「建议收藏」

    大家好,又见面了,我是你们的朋友全栈君。android画廊效果(中间大两边小)的无限轮播bannerps:项目要求做一个中间大两边小的轮播图,百度了一圈有了些灵感,分享一下心得,国际惯例先上效果图banner.gif废话不多说,直接上关键代码:/***Createdbytfon2018/12/21.*/importandroid.content.Context;importandroid.os.Handler;importandroid.os.Message;importandroid.support.v4.view.PagerAdapter;importandroid.support.v4.view.ViewPager;importandroid.util.AttributeSet;importandroid.util.DisplayMetrics;importandroid.view.WindowManager;importandroid.view.animation.Interpolator;importandroid.widget.Scroller;importandroid.

  • 百度开放站点LOGO申请、品牌词展现、快速收录权益申请(壳屋栏博客目前都已经拿到)

    壳屋栏博客目前都已经拿到,大家也来试试吧!百度搜索资源平台通过站内消息提醒发布“站点Logo、品牌展现、快速收录权益开放申请通知”,即日起搜索资源平台的站点Logo、品牌展现、快速收录权益开放申请,具体获取及使用方法详见站点Logo、品牌展现、快速收录。什么是站点Logo?站点Logo是在百度搜索网站名称时,出现在网站名称下方的Logo标识,有利于增强站点曝光,更好地吸引搜索用户。如何优先获得站点Logo权限?开发者只需将站点与小程序相关联,并正确提交至少一条适配规则,即可优先获得站点Logo权限。如果开发者尚未开通小程序,且在站点Logo界面有“一键创建并关联小程序”字样,点击即可一键创建并关联小程序,然后便可以参考《配置URL适配规则》提交适配规则,将H5资源替换为小程序资源。如果开发者尚未开通小程序,且在站点Logo界面没有“一键创建并关联小程序”字样,可在智能小程序开发者平台参考《智能小程序注册指导文档》创建发布小程序,然后参考《关联H5站点》关联站点,最后提交适配规则,将H5资源替换为小程序资源,可参考《配置URL适配规则》。如果开发者已开通小程序,可直接在智能小程序开发者平

  • 全局负载均衡、CDN内容分发的原理与实践

    -CDN简介-基于IP欺骗的GSLBHTTP重定向方案解决了判断不准确的问题,但只能针对HTTP协议应用使用。对于HTTP协议以外的访问,就需要使用基于IP欺骗(又称三角传输)的GSLB。基于IP欺骗的方案同样需要首先将GSLB设备的IP地址在DNS中登记为域名的A记录,这样用户对该域名的请求包都会先发送到GSLB设备。如上图所示,GSLB设备首次收到服务请求包后,会选择一个最合适的服务器,并将服务请求包发送到该服务器。服务器在向用户发送响应包时,将其源IP地址字段改为GSLB设备的IP,发送给用户。 这样,整个过程对用户来说,感觉到的只是GSLB设备在为其提供服务,并不知道其中经历这样一个三角传输的过程。而且这种方案可以对所有类型的访问如HTTP、FTP等进行重定向,但其速度和效率相对比前两种方案要差一点,因为用户所有的访问请求都通过三个点才能响应,经历了更多的路径和处理,所以其主要作为HTTP重定向方案的补充方案在同一GSLB设备中实现。 -服务器群选择策略-上文中介绍的三种方案,解决了如何将用户引导到指定服务器群的问题,而在此之前首先需要使用某种方式选出最适合用户的服务器群,也就

  • HTML+CSS,PC端/手机端公用部分样式代码整理(建议收藏)

    一、移动端公共样式/*禁用iPhone中Safari的字号自动调整*/ html{ -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; /*解决IOS默认滑动很卡的情况*/ -webkit-overflow-scrolling:touch; } /*禁止缩放表单*/ input[type="submit"],input[type="reset"],input[type="button"],input{ resize:none; border:none; } /*取消链接高亮*/ body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ -webkit

  • 微服务平台之API授权

    转载本文需注明出处:微信公众号EAWorld,违者必究。前言:微服务平台的安全控制包括登录认证、用户授权、服务调用安全等多个方面,其中,服务调用安全又分为系统内服务调用认证、系统间服务调用认证。 EOS微服务平台提供基于EOSSDK的访问控制机制和基于网关的API授权鉴权机制,用于实现同一系统内部服务调用和跨系统服务调用的安全认证。目录:1.服务安全2.API发布到网关3.精细化授权4.服务调用与网关鉴权5.总结1.服务安全微服务之间的调用,可以分为系统内服务调用、系统间服务调用。在EOS微服务平台中,同一系统内的微服务之间可以直接互相调用,不同系统间的微服务必须通过网关进行API发布、授权、访问鉴权、路由转发才能实现调用。EOS微服务平台的服务调用安全认证依赖于平台提供的基于EOSSDK的访问控制机制和基于网关的API授权鉴权机制。1、 同一系统内的服务调用认证在EOS微服务管理平台(Governor)中可以创建系统,系统有唯一的系统编码、系统凭证,每个微服务应用都必须属于某个系统。对于同一系统内的微服务,EOS微服务平台允许服务之间互相调用,通过微服务应用依赖的EOSSDK实现服务

  • Python遇见C++碰出的编译火花

    .1Python/C++Python运行速度太慢,因为做了太多的底层封装。提高速度可以使用多进程,但是多进程占用系统资源太多,为了减少占用的资源并提高性能,就该拿起低级工具,将“前盖”打开并对“引擎”进行调整。这里的低级工具就是C语言/C++。有些读者应该是不懂C语言/C++的,所以这篇文章我就来讲一下C语言/C++为什么可以作为低级工具,为什么它们速度非常快?.2解释型为主Python我们都知道计算机无法直接理解高级语言的意思,都需要通过一个翻译成机器码的过程来实现,因为翻译方式的不同,我们把高级语言分为两类——编译性语言和解释性语言。解释性语言是对程序逐行作出解释并运行(也就是运行一行解释下一行,直到程序结束),不会生成其他任何文件。编译性语言在程序执行之前,先会通过编译器对程序执行编译的过程,把程序转变为机器语言,也就是可执行文件,运行时就不需要做其他操作了,直接运行即可,这也就是为什么编译性语言运行速度快过解释性语言。Python属于解释性语言,正常人都会这么认为,但是大家在编写大型程序(也就是多个Python文件的项目)时,在同目录下会有一个pycache的文件夹,里面的文件

  • '24点'编码小感

    此处的’24点’并不指午夜,而是一种游戏~ 引子之前看到了一道四则运算相关的程序题,遂而想到了24点游戏,觉得有趣,就想自己随手编写了一个,起初觉得应该比较简单,但实际的路途却并不平坦~过程最开始要解决的就是算式的求解问题(输入字符串形式的四则算式,返回算式结果),对于很多脚本语言,都有内建的机制可以使用: 譬如JS中eval,Lua中的load等等,不过还是自己编码开发一下更有趣味些,所以使用传统的双栈(操作数栈和运算符栈)算法实现了一番,这里有了第一点感悟:虽然可以完成基本的四则运算功能,但双栈算法却缺乏错误检测和处理的能力,目前的实现中,对于某些非法输入(譬如”6+(4-13-)9”),仍然可以正常运算并返回结果双栈算法的局限性也很大,功能扩展比较困难(譬如扩展支持数学函数)更好的做法还是需要使用语法分析可以解析求解四则运算之后,接下来的工作就是24点游戏的”业务逻辑”了,首先要解决的一个问题是: 给定四个数字,判断是否可以计算得到24(每个数字使用一次并仅使用一次)穷举四个数字间所有的四则运算方式就可以解决这个问题,由于问题规模较小,一般我们手写几个嵌套循环就能完成枚举,但是自

  • 进阶攻略|前端最全的框架总结

    前端的技术日渐更新,最近得空,花了一上午的时间,将前端常见的UI框架总结了一下,在开发的过程之中,有了这些,不断能够提高自己的工作效率,还可以在工作之余了解更多。希望大家喜欢。1.Layui官方网址:http://www.layui.com/Layui是一款采用自身模块规范编写的国产前端UI框架,遵循原生HTML/CSS/JS的书写与组织形式,门槛极低,拿来即用。从核心代码到API的每一处细节都经过精心雕琢,非常适合界面的快速开发。,从核心代码到API的每一处细节都经过精心雕琢,非常适合界面的快速开发。Layui还很年轻,首个版本发布于2016年金秋,她区别于那些基于MVVM底层的UI框架,却并非逆道而行,而是信奉返璞归真之道。准确地说,她更多是为服务端程序员量身定做,你无需涉足各种前端工具的复杂配置,只需面对浏览器本身,让一切你所需要的元素与交互,从这里信手拈来。image2.NEC:官方网址:http://nec.netease.com/case你是否常常碰到以下问题:你总是看不懂他写的代码,或者读起来很吃力;你需要改他的代码却无从下手,或总是要去问他这里是什么改了会不会影响其他代

  • 通过apicloud实现的混合开发App的Demo

    技术:html+css+js+apicloud封装的api   概述 本Demo主要基本的HTML+CSS+JS实现的混合App,通过第三方平台apicloud主要页面有首页资讯+商城,目前数据都是静态的,未模拟动态数据,css布局运用的是flex布局。 详细 代码下载:http://www.demodashi.com/demo/14987.html Demo属于入门实例,未做深入研究,关于Apiclou中的api未做详细介绍。主要是通过HTML+CSS+JS所实现的App。主要实现的功能有底部导航+路由的封装+首页不同状态的布局显示+轮播的多种效果+全屏遮罩+规格选择。 一、项目目录复制 二、演示效果复制 代码不复杂,适合入门的同学们学习,如果想更深入的了解,多看看官方提供的文档,例子很详细。 三、程序实现具体步骤复制 首页滑动轮播+布局home.html <!DOCTYPEHTML> <html> <head> <metacharset="utf-8"> <metaname="viewpor

  • [POJ3744] Scout YYF I

    [POJ3744]ScoutYYFI Description YYFisacouragousscout.Nowheisonadangerousmissionwhichistopenetrateintotheenemy'sbase.Afterovercomingaseriesdifficulties,YYFisnowatthestartofenemy'sfamous"mineroad".Thisisaverylongroad,onwhichtherearenumbersofmines.Atfirst,YYFisatstepone.Foreachstepafterthat,YYFwillwalkonestepwithaprobabilityofp,orjumptwostepwithaprobalityof1-p.Hereisthetask,giventheplaceofeachmine,pleasecalculatetheprobalitythatYYFcangothroughthe"mineroad"safely. Input Theinputcontainsmanytestcasese

  • .NET 5的System.Text.Json的JsonDocument类讲解

    本文内容来自我写的开源电子书《WoWC#》,现在正在编写中,可以去WOW-Csharp/学习路径总结.mdatmaster·sogeisetsu/WOW-Csharp(github.com)来查看编写进度。预计2021年年底会完成编写,2022年2月之前会完成所有的校对和转制电子书工作,争取能够在2022年将此书上架亚马逊。编写此书的目的是因为目前.NET市场相对低迷,很多优秀的书都是基于.NETframework框架编写的,与现在的.NET6相差太大,正规的.NET5学习教程现在几乎只有MSDN,可是MSDN虽然准确优美但是太过琐碎,没有过阅读开发文档的同学容易一头雾水,于是,我就编写了基于.NET5的《WoWC#》。本人水平有限,欢迎大家去本书的开源仓库sogeisetsu/WOW-Csharp关注、批评、建议和指导。 解析JSON字符串 注意本文重点讲解的是解析,而非序列化,关于序列化请查看WOW-Csharp/数组和集合.mdatmaster·sogeisetsu/WOW-Csharp(github.com)。 c#解析json字符串在.NET5的首选是使用System.Tex

  • 一个开源的可视化的jQuery工作流插件

    特点 1、跨浏览器,可兼容IE7--IE11,FireFox,Chrome,Opera等几大内核的浏览器,且不需要浏览器再加装任何控件。(IE7-IE8时,使用VML;IE9以上,FF,OPERA,CHROME,SAFARI上使用SVG) 2、多系统兼容性、可移植性:由于只包括前台UI,因此二次开发者可很方便将本插件用在任何一种需要流程图的B/S系统应用上,流程图的详细实现逻辑完全交于后台程序开发者自己实现;对于后台,只要能返回/接收能被本插件解析的JSON格式数据即可.所以本插件可用于不同的服务器语言建立的后台上. 3、跨领域:流程图设计器不止用在电信领域,在其它需要IT进行技术支持的领域中都有重大作用. 以下从纯技术实现层面具体描述: 1、页面顶部栏、左边侧边栏均可自定义; 2、当左边的侧边栏设为不显示时,为只读状态,此时的视图区可当作是一个查看器而非编辑器。 3、侧边工具栏除了基本和一些流程节点按钮外,还自定义新的节点按钮,自定义节点都可以有自有的图标、类型名称,定义后在使用可可在工作区内增加这些自定义节点。 

  • MySQL-查看运行的线程-SHOW PROCESSLIST

    1:目标明确,通过如下命令都能实现,具体效果如下图所示 showfullprocesslist;复制 select*frominformation_schema.processlist;复制   SELECT*FROMsys.processlistorderbyconn_id;复制   2:字段含义,从名称上也能猜出一二,具体信息如下 CREATEALGORITHM=TEMPTABLEDEFINER=`mysql.sys`@`localhost`SQLSECURITYINVOKERVIEW`sys`.`processlist`( `thd_id`, `conn_id`, `user`, `db`, `command`, `state`, `time`, `current_statement`, `statement_latency`, `progress`, `lock_latency`, `rows_examined`, `rows_sent`, `rows_affected`, `tmp_tables`, `tmp_disk_tables`, `

  • 百闻不如一试——公式图片转Latex代码

    写博客时,数学公式的编辑比较占用时间,在上一篇中详细介绍了如何在Markdown中编辑数学符号与公式。 https://www.cnblogs.com/bytesfly/p/markdown-formula.html 当然,有时候我们仅仅是想把现成的公式搬到markdown中来编辑,此时如果有工具能把公式截图直接解析成Latex代码就方便了。 刚好这几天看到好几个微信公众号都在推送image-to-latex这个开源项目: https://github.com/kingyiusuen/image-to-latex ConvertimagesofLaTexmathequationsintoLaTexcode. 该项目当前(2021年09月02日)star人数为631,Fork为81: 最近正好也是在了解机器学习、深度学习相关的东西,于是打算上手感受一下转换效果。 百闻不如一试 其实image-to-latex这个项目的README写得算是比较清楚了,介绍了项目的来龙去脉、可以改进的地方、如何使用等等。 快速开始 下面我把自己第一次尝试的过程简单记录如下: 克隆项目 gitcl

  • 猩球崛起之程序员小站的变强之路-日志篇(一)

    一:日志框架场景: 某项目开发人员维战,为了了解项目运行情况,在我们代码中加入了,System.out.println("*****")来记录 日志,有一天,项目经理觉得通过这种,System.out.println("*****")的方式很low,要他把把代码中的,System.out.println给去掉,但是过了几天之后,项目出问题了,查询很棘手又没有日志,然后经理又要求他把System.out.println加上,。。。。。。。。然后又去掉。。。。。又加上....... 情况一: 维战是一个脾气暴躁的人,拿起板砖就跟经理干起来,然后牢底坐穿,,,全剧终,,,,,,, 没用案例场景,,,,,,下课。。。。。。 情况二: 维战为了解决System.out.println("*****")比较low的情况,然后就写了一个记录日志的jar包名称叫chn-tower-logging.jar用来替代System.out.println("*****") 维战是一个爱专研的人,想出了一写比较牛逼的点子,,,,比如日志异步记录,日志归档。。。。。。然后起名叫chn-t

  • javascript正则表达式

    1、定义正则表达式   /.../ 用于定义正则表达式 /.../g表示全局匹配 /.../i表示不区分大小写 /.../m表示多行匹配 2、test(判断字符串是否符合规定的正则) 1rep=/\d+/; 2rep.test("dfsfsfdsf423dsddd"); 3#true 4 5rep=/^\d+$/; 6rep.test("dfsfsfdsf423dsddd"); 7#false复制 3、exec(获取匹配的数据)    默认只取第一个 1默认只取第一个 2rep=/\d+/; 3str="wangshen_67_houyanfa_20" 4rep.exec(str) 5#["67"] 6rep.exec(str) 7#["67"]复制  分组匹配、对匹配到的字符串进行二次匹配 1vartext="JavaScriptismorefunthanJavaorJavaBeans!"; 2varpattern=/Java\w*/; 3pattern.exec(text); 4#["JavaScript"] 5var

  • 分布式全文检索引擎之ElasticSearch

     本文目录 一什么是ElasticSearch 二安装(windows下) 三python操作ElasticSearch 回到目录 一什么是ElasticSearch Elasticsearch是一个分布式可扩展的实时搜索和分析引擎,一个建立在全文搜索引擎ApacheLucene(TM)基础上的搜索引擎.当然Elasticsearch并不仅仅是Lucene那么简单,它不仅包括了全文搜索功能,还可以进行以下工作: 分布式实时文件存储,并将每一个字段都编入索引,使其可以被搜索。 可实现亿级数据实时查询 实时分析的分布式搜索引擎。 可以扩展到上百台服务器,处理PB级别的结构化或非结构化数据。 回到目录 二安装(windows下) 安装包下载地址 注意:Elasticsearch是用Java开发的,最新版本的Elasticsearch需要安装jdk1.8以上的环境 安装包下载完,解压,进入到bin目录,启动elasticsearch.bat即可 回到目录 三python操作ElasticSearch #-*-coding:utf-8-*- #Author:liuq

  • MS+Oracle各种兼容性的坑

    自17年开始新产品开始全面支持Oracle12c,但陆续发现各种环境问题兼容性的坑,在此汇总一下: 使用11.2.0.1的客户端版本,在连接12c时,发现system账号登陆报用户名密码错误,普通的Oracle账号没有问题--------解决办法:升级Oracle客户端版本为11.2.0.4; 在.NET4.0.30319.1~233等基础的版本,使用[4.121.1.0]的Oracle.ManagedDataAccess时,存在内存泄漏----------解决办法:升级ManagedODP或.NETFramework 在windowsxp/2003+.NET4.0.30319.233环境,使用[4.121.2.0]和[4.122.1.0]版本的Oracle.ManagedDataAccess访问Oracle时,报用户名密码错误,使用[4.121.1.0]则可以正常访问,但此版本[4.121.1.0]的Oracle.ManagedDataAccess工作在NET4基础版本上还有内存泄漏的问题,简直崩溃!!!----升级windows版本,远离2003、xp!!  

  • logging模块简单用法

      logging模块功能比较多,但一般情况下使用其简单功能就已经足够了。   最简单的用法如下: importlogging logging.baiscConfig(level=logging.DEBUG) logging.debug('message') logging.critical('message') logging.warning('%sbeforeyou%s','Look','leap!') logging.warning('{} beforeyou{}'.format('Look', 'leap!'))   如果对日志格式、输出、日期格式等有要求,可以增加basicConfig的关键字参数,如: logging.basicConfig(filename='example.log',level=logging.DEBUG)对于basicConfig方法所有的关键字参数如下:复制  logging.basicConfig(**kwargs) Doesbasicconfigurationforthe lo

  • I/O流之FileWriter【1】

    package笔记练习; importjava.io.File; importjava.io.FileWriter; publicclassFileWriterDemo{ /** * *输出流写数据的步骤: *1.创建输出流对象 *2.调用输出流对象的写数据方法,并刷新缓冲区 *3.释放资源 * *相对路径:相对当前项目而言的,在项目的根目录下(a.txt) *绝对路径:以盘符开始的路径(d:\\a.txt) * *close()和flush()方法的区别: *flush():刷新缓冲区。流对象还可以继续使用。 *close():先刷新缓冲区,然后通知系统释放资源。流对象不可以再被使用了。 * *创建输出流对象做了哪些事情: *A:调用系统资源创建了一个文件 *B:创建输出流对象 *C:把输出流对象指向文件 */ publicstaticvoidmain(String[]args){ FileWriterfw=null; try{ //如果系统没有这个文件,则会自动创建这个文件 Filefile=newFile("d:/a.txt");//创建文件对象 fw=newFileWri

  • GJM :Unity3D 介绍

    unity3D是如今最火爆的游戏开发引擎,它可以让我们能轻松创建诸如三维视频游戏、建筑可视化、实时三维动画等类型的互动内容,无论是实用性,还是简便性,unity3D都是优秀的。 Unity3D是由UnityTechnologies开发创建诸如三维视频游戏、建筑可视化、实时三维动画等类型互动内容的多平台的综合型游戏开发工具,是一个全面整合的专业游戏引擎。Unity3D源于丹麦哥本哈根,公司总部位于旧金山,并且在哥本哈、维尔纽斯等都有办事处,拥有大约160员工。Unity3D游戏引擎技术研讨会最早于2010年5月在韩国举行。2011年11月注册用户超过了75万,包括大型游戏出版商、独立工作室、学生和业余爱好者,并且仍然以惊人的速度增长;Unity的3D开发工具和平民化的普及政策,在国际上屡获殊荣。   基本信息 编辑信息模块 中文名:优美缔3D   英文名:Unity3D 分类:三维动画渲染和制作软件   其他名:UnityTechnologies 工具简介/Unity3D 编辑 Unity3D是由Unit

相关推荐

推荐阅读