【附源文件下载】Pixate侧边栏模板优化-经验/观点-UICN用户体验设计平台

恭喜你成为UI中国推荐设计师（详情）

快速搭建网站

查看全部热门榜单

全部

常用搜索：作品集 AE ui设计 aigc icon logo app

您的意见是我们 UI 中国进步的动力！

点击立即反馈按钮，发表您的意见！

立即反馈

QQ群反馈

您也可以加入UI中国官方反馈群进行反馈！

群号：302892100

备注：反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作，请填写需求表单，我们会在第一时间与您联系！

0/20

0/200

设计大赛

设计大赛
发布广告
发布招聘
其它需求

取消发送需求

提交完成
感谢您对UI中国的支持和信赖！

我知道了

编辑推荐

【附源文件下载】Pixate侧边栏模板优化

0.0°

2019-02-28 原创文章 经验/观点 原作者： 原作者 举报 4944 17 23 17

Jaret 关注

Pixate本身提供了一个简单的侧边栏模板。但是不适合用在正式项目上。我在此基础上修改优化了一个相对比较完善的版本。

Pixate本身提供了一个简单的侧边栏模板action。但是不适合用在正式项目上。我在此基础上修改优化了一个相对比较完善的版本。

效果如下：

主要优化了：

1. 支持手势从屏幕边缘直接拉出侧边栏

2. 只有点击侧边栏的空白区域（非功能区域）才会收起侧边栏

3. 增加侧边栏的阴影覆盖，并可以随着侧边栏的滑动增加/减少透明度

基本上增加了如下图的一些层级：

有兴趣的朋友可以自己研究一下。因为是在刚接触pixate时做的，比较早期，后来也没有什么时间去优化了。在实际的项目运用中难免有些这样那样的问题，也希望有能力的朋友能继续完善后分享出来。感谢支持！

更新：2019-02-28

下载

17人已收藏

Jaret

QQ: 289280013

22

作品
708

粉丝
1

关注

猜你喜欢

2019-02-28 原创文章 经验/观点 原作者： 原作者 举报 4944 17 23 17

【附源文件下载】Pixate侧边栏模板优化

0.0°

添加收藏！

您还可以进行分类收藏

您确认要推荐？

该作品发布时间：2015年07月24日

评分

完整度

启发性

勤奋性

排版布局

提交需求

猜你喜欢

举报理由:

您确认要推荐？

评分

推荐心得