请选择 进入手机版 | 继续访问电脑版
查看: 30504|回复: 73

[教程] CrossAppDesign UI设计器即将上线!大家先睹为快!

  [复制链接]
最佳答案
0 
9秒carey 发表于 2015-7-16 10:22:14 | 显示全部楼层 |阅读模式
CrossAppDesign
本次放出的版本适用于产品设计,暂不支持程序员开发。
crossapp研发会陆续开发相对应的编辑功能,谢谢大家!

最近由于好多9秒小伙伴关注CrossApp的设计器,但是第一版本还未完全完成,为了满足小伙伴们的好奇我们先发第一版的抢先版,由于服务编译完成之后需要向设计器推送二维码这块还没有完成,所以抢先版我们屏蔽了打包上传功能.
第一版本相对简单主,我们准备把第二版本中才有的模板功能在抢先版中简单的展示了一下,在第二版本中我们会精心制作的,抢先版仅供欣赏O(∩_∩)O~,预计第二版除了加入模板之外还将优化用户体验,比如双击按钮修改按钮文本等,还会引入页面跳转,而不是仅仅只能看到一个页面,大后期我们还准备写一个代码编辑页面,让用户可以对控件进行编程,而不仅仅是简单的拖放,当然更离不开小伙伴们的支持和建议。
下面简单介绍一下设计器的使用:
新建项目,输入工程名称和地址以及分辨率大小,点击确定
1.jpg
2.jpg
输入初始页面名称,下面我输入 page1
3.jpg
我们看设计器右侧,红色部分为项目名称,绿色为页面名称
4.jpg
我们可以鼠标右键点击页面名称
5.jpg   
设置初始视图可以指定运行哪个页面

可以拖动控件边缘的小方块改变控件大小,右侧属性可以改变控件属性(修改Rotaiion属性可以看到动画效果哦)
6.jpg

选中控件的时候会发现控件中心有个红色的点,这个点就是控件的中心点,旋转,放大都会以这个点为中心(中心点可以用鼠标拖拽也可以在属性中设置哦)
7.jpg

Button控件有几种状态 我们可以修改State属性,每次修改state属性都会发现控件外观会发生变化,正确的该法是我们先切换到我们想要修改的State,在修改相应状态下的属性 例如(fontColor,ImageColor,Title,BackGround)
8.jpg

修改完之后记得要点保存哦方便下次继续修改
9.jpg
当然也可以点管理器下面中间的小图标
10.jpg
想看实际效果我们可以点击 文件->运行 则会运行我们之前设置的初始视图
11.jpg
哎 这运行和显示明明不一样啊,不要担心 还记得我们设置Button的时候Button设置的State属性了么,高亮状态才会变成那样
所以我们要用鼠标点击右侧运行出来的模拟器中的Button按钮
12.jpg

CaDesignSetup.zip

9.75 MB, 下载次数: 223

最佳答案
0 
苏小小 发表于 2015-7-16 10:25:48 | 显示全部楼层
wow  非常酷 期待下
最佳答案
0 
htfcumt2004 发表于 2015-7-16 10:53:09 | 显示全部楼层
支持ca,看好ca
最佳答案
0 
iokala 发表于 2015-7-16 10:54:24 | 显示全部楼层
太好了,这个也开源吗?

点评

必须的  发表于 2015-7-16 10:58
最佳答案
0 
fishw 发表于 2015-7-16 10:54:33 | 显示全部楼层
看起来很不错,解决费电的问题了么

点评

得问大栗子  发表于 2015-7-16 10:58
最佳答案
0 
foggy 发表于 2015-7-16 10:56:39 | 显示全部楼层
先来赞一下····期待正式版···

点评

又想禁言了  发表于 2015-7-16 10:59
最佳答案
0 
newkitty 发表于 2015-7-16 10:57:10 | 显示全部楼层
神器啊!看上去很好!加油!
最佳答案
0 
workshop 发表于 2015-7-16 11:10:47 | 显示全部楼层
留言给金币么。。。。。
最佳答案
0 
你喜文化 发表于 2015-7-16 11:12:22 | 显示全部楼层
为crossapp的开发人员设计人员的无私付出点赞
您需要登录后才可以回帖 登录 | 注册

本版积分规则

推荐阅读 More>

© 2001-2015 9秒社团

合作伙伴

公司简介 | 联系方式
COPYRIGHT©2015 ZHONGQINGLONGTU NETWORK CO.LTD ALL RIGHTS RESERVED.ICP备11023195号-4
北京中清龙图网络技术有限公司
返回顶部 返回列表