请选择 进入手机版 | 继续访问电脑版
帖子
帖子
用户
博客
课程
123下一页
返回列表 发新帖
显示全部楼层
123
帖子
0
勋章
1275
Y币

多开发平台UI分享

[复制链接]
发表于 2016-1-11 17:32:25
本帖最后由 yanxlg 于 2016-1-26 08:41 编辑

很多人希望官方提供一套统一的前端UI,但是如今并没有官方的UI出炉,而有技术大牛分享的AUI也是一个不错的前端UI开发框架,但我仍然发现了一些瑕疵,有的已经给作者提了意见,在这里我分享一个我使用的基本UI,初步做成app,整个UI的全局考虑是能够在不同的开发平台上兼容,不仅是apicloud,包括appcan和Hbuilder;不同的设备上兼容,包括手机、Pad。现如今大部分能够实现兼容,部分可能存在一些问题,在appcan与HBuilder中设置target-densitydpi=device-dpi后可能出现一些大小适配问题,等待优化解决,现提供测试包供开发者测试了解,一周优化后开源,并且会不断新增其他新的UI

2016.1.12
如果未包括你想要的UI组件,可以回复我,提响应的需求,当然我不是专门帮你写前端的,我会根据需要考虑是否集成进该UI中,不所以要把神马UI都提给我
target-densitydpi适配完成,UI可在Appcan、HBuilder、apicloud中使用,可以达到同样的效果


2016.1.12
紧急修复,IOS平台,列表点击效果失效,radio样式不兼容问题

2016.1.13
新增启动屏、新闻菜单导航,优化特殊input在IOS下默认样式的兼容性

2016.1.14 (又有新更新了,不要嫌慢,俺是打工的,有日常工作
      1、菜单导航静态渲染效果优化,初始化成导航实例前与初始化后在界面上显示不发生变化。
      2、slide 列表优化,能够实现像QQ列表一样的自定义菜单。
      3、新增全局对话框,对话框以及加载动画,弹出菜单等并没有使用重新打开新frame的方法,那种方法降低性能。
      4、新增两个页面模板
      5、新增导航栏透明度变化特效:导航栏透明度变化并没有取缔frame的使用,虽然有的人在win中用fixed来实现固定导航栏,然后内容页放到win中,而不需要使用frame,这样能够一定程度上实现透明度导航栏效果,但是对于IOS中fixed兼容性差的来说,属于较差的解决方案,页面中存在input后,导航栏效果会非常差,实现不了平台的兼容性,而我提供的解决策略仍然是win+frame的方式组合界面,适用于Android与IOS,不考虑fixed的兼容性,初步体验效果较好。

2016.1.15
      1、新增部分UI模板页面。
      2、新增操作Action弹出控件。
      3、优化透明导航栏处理
      4、优化CSS、js文件引用
      5、新增沉浸式配置,解决沉浸式下获取元素高度bug带来的沉浸式显示问题;(js中获取元素高度仍然存在bug,暂时未找到好的方法解决。目前该问题主要存在于华为手机 Android5.1.1,沉浸式效果官方api bug,目前存在于华为 Android 5.1.1,沉浸式配置下状态栏不透明)
      6、周末规划:优化样式表,UI核心框架聚拢,优化js库

2016.1.18
      经过周末利用部分时间进行了一些优化,现开放源代码     Android安装包已经使用自定义模块解决部分手机沉浸式不可用问题,等待官方解决沉浸式适配

2016.1.19
      1、部分样式bug调整
      2、新增一句代码实现页面自动根据需要添加滚动到顶部按钮
      3、图片懒加载,可以配合网络状态来实现是否在流量模式下显示图片
      4、搜索框2.0配合H5数据库实现本地搜索历史显示
      5、任何win与frame中直接打开登录窗口,在登录窗口中登陆完成后自动关闭登录窗口返回原窗口并执行回调函数

2016.1.20
      1、新增忘记密码窗口与登录窗口级联使用时密码重置完成到执行打开登录界面的win或frame执行回调,可以通过点击登录界面登录按钮和忘记密码界面按钮体验效果
      2、新增本地Hash方式存储js
      3、新增高德地图信息窗的显示示例,Marker位于北京附近,去找找吧

2016.1.22
      最近比较忙,没什么时间添加新东西,主要还是不知道加什么了,再多的UI开源出来,对于不用的开发者来说也没什么用,多套UI混合使用是最应该避免的,会是=使整个项目显得很臃肿。所以现在我主要是针对于性能与特效方面给开发者提供一些新的思路。
      本次更新新增了打开远程网站顶部显示进度条,实时监听网站打开状态,效果还不错,可以试试

2016.1.26
      本帖停止更新,部分人回复的不兼容问题建议使用真机测试,基础模块不针对模拟器适配,不会为了模拟器去添加不必要的属性,还有UI分享只是让你们能够从中学习一些技巧,并不是让你整个拿去用,任何UI框架对于开发者来说都不是绝对适用的,不需要的东西太多,开发中忌讳的就是将不同的UI中插件组合拼装到一起整合成一个项目,那样只能说你还处在初级阶段。






本帖子中包含更多资源,您需要 登录 才可以下载或查看,没有帐号?立即注册

X
3
帖子
0
勋章
149
Y币
兼容性并不理想,按钮点击后的效果,点击完毕后css还残留

本帖子中包含更多资源,您需要 登录 才可以下载或查看,没有帐号?立即注册

X
123
帖子
0
勋章
1275
Y币
本帖最后由 yanxlg 于 2016-1-12 09:30 编辑
T_Amas 发表于 2016-1-11 17:54
兼容性并不理想,按钮点击后的效果,点击完毕后css还残留

Android几点几?你这图片不是兼容性问题,与UI 无关,UI造成不了这么奇葩的断裂效果,应该与预加载frame策略有关,涉及到官方api兼容,我想办法优化策略,按钮我再测下,希望回复手机类型及版本号
21
帖子
0
勋章
449
Y币
请问这个开源吗?
0
帖子
0
勋章
14
Y币
关注。。。。。
123
帖子
0
勋章
1275
Y币
kaixinhaha 发表于 2016-1-12 09:40
请问这个开源吗?

等我优化一周后开源
1
帖子
0
勋章
15
Y币
赞!
1
帖子
0
勋章
841
Y币
谢谢分享,明天看程序。
56
帖子
0
勋章
1177
Y币
轮播能实现带链接的文字滚动吗
123
帖子
0
勋章
1275
Y币
清风师爷 发表于 2016-1-12 23:49
轮播能实现带链接的文字滚动吗

不要图片只是文字滚动?标签marquee 不能满足你的需要吗?
123下一页
您需要登录后才可以回帖 登录

本版积分规则