小程序怎么获取全局高度 微信小程序开发教程?

[更新]
·
·
分类:互联网
2865 阅读

小程序怎么获取全局高度

小程序怎么获取全局高度 微信小程序开发教程?

小程序导航栏多高?

总高度(红色和蓝色)=状态栏高度(红色)(胶囊按钮顶部值-状态栏高度)*2胶囊按钮高度。

微信小程序开发教程?

导航栏高度(蓝色)=总高度-状态栏高度

app和小程序,设计上有什么不同?

1)功能支持

我们都知道小程序是基于的应用,开发必须依赖于给的接口(给什么都行),能实现的功能受到很大限制。而且小程序两年前才上线的时候,功能还有些不完善。

App依托手机系统,可以实现复杂、多功能。App开发有近10年的积累,各种控件比较完善。换句话说,开发商越大。;的能力,显示效果越丰富。

2)内存容量

小程序代码的提交不能超过2M的指定大小,这在一定程度上限制了开发的可能性。

App就不一样了,没有这部分的限制,我们在更新软件的时候,经常会看到几十兆,几百兆,甚至几个G的游戏下载量。

3)体验和流畅性

小程序的体验略逊于App。小程序在使用时不那么稳定,容易出现错误闪回,尤其是在一些功能复杂的应用中。小程序虽然优化了很多,但有时候还是会有停滞感。

2.什么?;有什么区别吗?包含

1)顶部导航栏

App:可以保留导航条,也可以去掉,可扩展,灵活。

小程序:在导航栏的右边有一个胶囊,可以 t被删除和编辑,其他功能可以 设计时不要添加到导航中。所以App转换成小程序的时候,导航栏的功能要改变,或者放在导航栏下面。

实施效果也略显欠缺。例如,提供原生和自定义导航栏:

(2)自定义导航条虽然可以去掉原生导航条,支持图片传到导航条,但是所有页面都需要重新调整(原来导航条的高度没了,界面元素会上移),小程序不支持单个页面的修改。

这是目前最麻烦的地方,小规模应用还可以,大规模应用导致工作量大增。

与此同时,自定义导航也容易引发诸如标题can t对齐,不同页面模型的安全区域是不同的,并且在全局刷新期间页面将被完全下拉。

建议在页面较多且复杂的情况下,尽量少用自定义导航。你也可以使用导航栏的背景来连接像大黄蜂 s巢,而且效果不错。

2)标签栏

App:可支持最少2个标签,最多5个标签,图标大小和底部标签栏高度可自定义。

Applet:也可以支持至少2个tab开关,最多5个tab开关。使用原生控件时,图标大小应为81*81px。

使用自定义标签栏时,可以支持添加交互效果,比如提示气泡数量,但体验几乎比原生的差。如果标签页是你第一次进入,标签栏开关将被创建。变成一个跳跃,你需要发展和避免它。

建议尽量使用无交互的原生控件,就像一个很酷的小程序。

3)拖动进行排序

App:流畅好体验,比如发好友时拖着照片排序。

Applet:除非必要,否则不建议拖动排序。Android机型上拖动图片和列表的体验不够,会有卡顿的情况。

建议使用上下按钮而不是上下拖动,或者使用标记对图片进行排序。

4)文本省略

App:可以实现日常生活中需要的所有文字和段落效果。

小程序:text限制行数,增加省略号,增加全文扩展方案。无法预测行尾位置省略号。

建议通过断行的增加全文展开按钮,或者控制字数,在文末增加全文展开。

5)本地组件

App:可以自定义组件库,开发设计限制低。

小程序:部分组件是创建的原生组件,包括系统摄像头、输入框、地图、文字输入等。本机控件的使用受到限制,它们不能用于滚动、旋转、选择器和拖动区域。最高级不能覆盖,可以修改的参数由提供。

建议在设计时使用原生控件作为修改的基础,而不是自制控件。同时注意使用场景,不至于做不到。

6)动画实现

App:动画流畅,没有卡顿,想要的基本都能实现。

小程序:动画能力低于H5和App,动画消耗大量性能,尤其是在安卓机型上,略显明显。在加载代码包时,当认为这个小程序占用内存过多时,会强制退出这个小程序,以保证的正常使用。

建议动画尽量简化,尽量做减法设计。

总结

由于小程序本身开发的特殊性,小程序和App设计会有一些不同,比如:

1.在多个复杂页面的情况下,尽量减少自定义导航的使用。

2.没有交互,尽量使用原生控件。

3.使用向上和向下按钮,而不是上下拖动,或者通过标记对图片进行排序。

4.通过换行符添加全文展开按钮,或者控制字数,在文末添加全文展开。

5.在设计时在本机控件的基础上进行修改。;不要做你自己的控制。同时注意使用场景,不至于做不到。

6.简化动画,尝试做减法设计。