1.创建一个动态面板control 2.在home中创建动态面板homepage和movepage并且完成布局 3.给home添加移动事件 4.给按钮添加点击事件 5.大功告成

你有用原型开发工具吗?如果有,那你用的是Axure还是别的? 从以前就喜欢使用Axure,主要是觉得它能清楚的表达设计的思路,还有交互的真实再现,能让看的人一目了然,昨天看了这篇博文,便更加确定Axure是个好东西.Axure 6.5已于4月18日发布,可直到上周我才发现,于是赶紧下载升级.等待下载的过程中,闲来无聊跑去看了Axure的版本历史,又浏览了一下官方的使用教程,忽然发现Axure竟如此博大精深,自己平时所用的功能只是皮毛而已.诚惶诚恐的仔细读完官方教程,再结合平时工作中的情况,我总结

1.什么是Axure的动态面板 按照Axure官方网站的解释 :动态面板控件(Dynamic Panel)可以让你实现高级的交互功能,实现原型的高保真度.动态面板包含有多个状态(states),每个状态可包含一系列控件(你可以把一个状态理 解成一个独立的页面).任何时候都只有一个状态(页面)是可见的,或整个动态面板可以被隐藏.结合交互动作,可以让动态面板的状态进行隐藏.显示和改变. 像添加其它控件一样,可以在控件面板中拖放动态面板控件到线框图中. 简单的说,动态面板就是展示在页面不跳转的情况下所

工作需要设计产品原型,找来Axure RP帮忙,看了一些文章,其中下面这段话深得我心. “只使用Axure的默认控件(Wireframe),不要用那些样式花哨的自定义控件,并且所有页面中使用的颜色不能超过5种(不同灰度的灰色也算一种颜色).然后,在交互动作方面,务必要做到尽可能的全真.交互动作是开发过程中最容易出现理解误差的产品设计要素,因此务必有一份详实.形象的文档来进行阐述.用Axure来解决,真是再适合不过了.” 1 模拟手机上的左右滑动切换视图 示例页面:http://share.axu

Axture是一种快速制作原型的工具,在产品经理和体验设计师之中非常流行,不过现在产品经理比较难找,所以我只好上阵研究了一下.        经过几天的研究,看了小楼老师的一些视频,看了一些文档,做了一个比较丑的原型,对Axure的简单使用有了一个简单的认识,下面来简单记录一下.        Axure的操作其实很简单,如果有过编程经验,无论是html前端编程还是windows Form编程,用起这个来都非常容易,如果没有这方面的经验,可能会觉得操作太麻烦,但是程序本身就是这样来运行和开发的,

Axure中移动端原型设计方法(附IPhoneX和IPhone8最新模板) 2018年4月16日luodonggan Axure中基于设备模板的移动端原型设计方法(附IPhoneX和IPhone8最新模板) 文章作者分享了一种基于设备模板的移动端原型设计方法,相信能够对你的原型设计工作带来帮助,值得马克. 在使用Axure设计移动端原型的应用方面,我总结出了两种常用的方法.第一种是更适合在移动端进行演示的设计方法,大家可以参考我之前已经分享过的一篇教程:使用Axure打造最佳的移动端交互原型教程

Flutter Drawer 侧边栏 在 Scaffold 组件里面传入 drawer 参数可以定义左侧边栏,传入 endDrawer 可以定义右侧边 栏.侧边栏默认是隐藏的,我们可以通过手指滑动显示侧边栏,也可以通过点击按钮显示侧 边栏. return Scaffold( appBar: AppBar( title: Text("Flutter App"), ), drawer: Drawer( child: Text('左侧边栏'), ), endDrawer: Drawer( c

在 Scaffold 组件里面传入 drawer 参数可以定义左侧边栏,传入 endDrawer 可以定义右侧边栏.侧边栏默认是隐藏的,我们可以通过手指滑动显示侧边栏,也可以通过点击按钮显示侧边栏.   DrawerHeader组件的常用属性: 属性 描述 decoration 设置顶部背景颜色 child 配置子元素 padding 内边距 margin 外边距 UserAccountsDrawerHeader组件的常用属性: 属性 描述 decoration 设置顶部背景颜色 account

在 Scaffold 组件里面传入 drawer 参数可以定义左侧边栏,传入 endDrawer 可以定义右侧边栏.侧边栏默认是隐藏的,我们可以通过手指滑动显示侧边栏,也可以通过点击按钮显示侧边栏.  我们还是在前面TabBar项目的基础上实现侧边栏. 为了能在底部TabBar的三个页面都实现侧边栏效果,这里将侧边栏加在Tabs.dart页面中. 只需要在 BottomNavigationBar下面继续添加drawer属性就可以了. import 'package:flutter/materia

一.Flutter Drawer 侧边栏 在 Scaffold 组件里面传入 drawer 参数可以定义左侧边栏,传入 endDrawer 可以定义右侧边栏.侧边栏默认是隐藏的,我们可以通过手指滑动显示侧边栏,也可以通过点击按钮显示侧边栏. return Scaffold(   appBar: AppBar(     title: Text("Flutter App"),   ),   drawer: Drawer(     child: Text('左侧边栏'),   ),   en

参考:  https://adminlte.io/themes/AdminLTE/documentation/index.html  https://blog.csdn.net/gebitan505/article/details/78680019 1.adminLTE提供了基础模板页面starter.html,再此基础上做开发会快速很多 2. 想开始使用adminLTE样式,只需要在项目演示中按F12打开调试窗口,使用箭头选中控件,复制粘贴即可(F12调是界面,鼠标选中控件,右键 Inspes

先介绍一下AdminLTE的官方网站:AdminLTE官方网站 和GitHub:AdminLTE的github,可以在上面自行下载. AdminLTE 是一个完全响应管理模板,主要依赖于 Bootstrap 3.jQuery 1.11+ 这两个框架,插件中使用的基本都是Bootstrap和jQquery插件. AdminLTE自带JQuery和Bootstrap3框架,所以不需要再另外下载. starter.html是 AdminLTE 建议用来作为起点的参考示例,在此基础上做开发会快很多,bu

初识博客 初写博客,先在设置里选了个喜欢的模板 第一眼就爱上了呢!那极简的风格,我喜欢!!但是,应用后,却发现... 纳尼!模板上右侧那张漂亮的图片呢?!我的怎么什么都没有.没有图片好难看啊,瞬间无爱了,设置里找了下,->博客侧边栏公告 <-,在这里,放了张宽200px的图,好看多了马上,还是有图才不会那么单调~ 认识CSS 过了几天,打算写篇博,发现了一个重大的问题,怎么默认的宽度这么窄?那我放图片怎么办,而且,2边留那么多空白不浪费吗,留个5%就够了吧.于是乎,开始了2天的全折腾. 设置里

关于VuePress 一个由Vue驱动的静态文档网站生成框架,具有开箱即用的优点. 给项目添加.gitignore .gitignore是git用来排除目录的清单,我们把以下目录加入其中,以便每次操作都把这些东西带上,搞得git项目乱七八糟的. # 项目依赖包 node_modules # Build之后的输出目录 .vuepress/dist 安装VuePress 全局安装VuePress npm install -g vuepress 或者 yarn global add vuepress

写在前面 一年多没写过博客了,工作.生活逐渐磨平了棱角. 写代码容易,写博客难,坚持写高水平的技术博客更难. 技术控决定慢慢拾起这份坚持,用作技术学习的阶段性总结. 返回阅读列表点击 这里 开始 大前端时代,最近在面试前端工程师的过程中,有感而发,技术更新迭代快,学习成本高.浏览了各大博客论坛,千差万别,比较混乱.最终决定参考 Element UI 的设计风格,主题色选择紫色(受到 MaterialDesignInXamlToolkit 的影响),写一套基于 Vue3 的 UI 框架库和对应的官

其他章节请看: react 高效高质量搭建后台系统 系列 系统布局 前面我们用脚手架搭建了项目,并实现了登录模块,登录模块所依赖的请求数据和antd(ui框架和样式)也已完成. 本篇将完成系统布局.比如导航区.头部区域.主体区域.页脚. 最终效果如下: spug 中系统布局的分析 spug 登录成功后进入系统,页面分为三大块:左侧导航.头部和主体区域.如下图所示: Tip:spug 将版权部分也放在主体区域内. 切换左侧导航,主体内容会跟着变化,头部区域不变.例如从工作台切换到 Dashboar

一. 名词定义: Sitemap 导航图 Widgets 组件 Master 库 Label 控件名 Interactions 交互动作 Annotations 注释 Location and size 位置和尺寸 二. Widgets规范 本站常用widgets规范: 命名规范:制定命名规范从而方便搜索和升级. a. 全站使用,则命名方式为:Y+位置. i. 全站顶部导航:统一为Yheader开头,包括各种宽导航.窄导航: ii. 全站右侧边栏:统一以Yright开头,包括广告位.内容栏目等:

1. 不要轻易用中继器的 载入时 事件, 感觉存在bug 2. 元件在显示和隐藏的动画过程中,不要去取他的x,y值,有几率会取成0,也不要去获取它的尺寸,只有在动画完成后才能获得 3. 装着一个中继器的 会跟着变尺寸的 动态面板,当中继器项值因筛选减少时,不会立即改变动态面板的尺寸大小,可以通过获取筛选后的中继器尺寸来设置面板尺寸.最好用万能办法:可以用中继器内的单位尺寸*筛选后的项数获得总尺寸 在筛选过程中有新增的,或者等量的更新时,才会立即更新动态面板的大小尺寸 4. 无法对同个对象进行 同

sublime侧边栏的颜色默认是灰白色的,下面方法可以手动定制颜色为深色: 需要修改的文件为: C:\program\Sublime\Packages\Theme - Default.sublime-package 将其用rar打开,将里面的Default.sublime-theme打开编辑: //侧边栏与主文件区分割线的颜色 { "class": "sidebar_container", "layer0.tint": [10, 10, 10],

以登录框为例设置axure变量值 1.打开axure,打开新页面命名为login,拖入一个矩形背景,命名:登录背景图 2.拖入标签控件和输入框控件分别命名为用户名:.userName.密码:.passWord 3.添加提示标签:用于登录状态提示,默认为隐藏状态(用户名.密码是否正确).添加点击按钮 4.给提交按钮设置点击条件 (1)请输入用户名和密码(用户名和密码为空时) (2)请输入用户名(用户名为空时) (3)请输入密码(密码为空时) (4)用户名错误(用户名输入错误) (5)密码错误(密码

系列文章 实战使用Axure设计App,使用WebStorm开发(1) – 用Axure描述需求  实战使用Axure设计App,使用WebStorm开发(2) – 创建 Ionic 项目   实战使用Axure设计App,使用WebStorm开发(3) – 构建页面架构  实战使用Axure设计App,使用WebStorm开发(4) – 实现页面UI 实战使用Axure设计App,使用WebStorm开发(5) – 实现页面功能 实战使用Axure设计App,使用WebStorm开发(6) –