华为手机屏幕最大尺寸7.12英寸等于多少pt*pt,用于小程序开发

华为手机屏幕最大尺寸7.12英寸等于多少pt*pt,用于小程序开发,第1张

平板手机上说的寸,一般指英寸,1英寸约等于254 厘米,7寸平板手机的屏幕对角线长度大约是是178厘米,其外观尺寸的长边一般与其屏幕对角线的长度基本相同。因此平板电手机7寸的大小一般是指178厘米×127厘米。

微信小程序近期可谓是动作频出,仅最近新增的能力就有:

种种迹象表明,微信对小程序的期望值是很大,所以在它推出的几个月效果没到达预期的情况下,之前的很多『克制』也就逐渐变成『放肆』了 —— 不过不管小程序以后的发展到底怎样,对我们开发者来发,多了解一些总是没有坏处的。

他山之石,可以攻玉。

对于是技术人来说,多了解一些不同的技术、不同的开发模式、不同的架构思想,提高技术『广度』,对于自己的成长是十分必要的。

所以,本文就是从一个 Android 开发者的角度,从项目工程方便切入,来分析一下『微信小程序』跟『Android App』开发上的一些异同。

『微信小程序』开发是一个相对较新的技术,希望通过本文,能让你对它多一些了解。

因为内容是从Android开发的角度来谈的,所以我假设你已经对 Android 开发比较熟悉了。并且对微信小程序的开发也比较感兴趣,如果要是再能有些 javascript、css 的基础的话那就更好了!

Android 开发我们已经比较熟悉——

作为对比,进行微信小程序开发所用的语言是这些——

wxml (WeiXin Markup Language) 基本约等于是 xml。微信之所以没有直接使用 xml ,可能是为了以后扩展方便一些(野心很大)。

同理, wxss (WeiXin Style Sheets) 基本约等于是 css。也是微信扩展了一些功能,比如统一的尺寸单位 rpx 。

对于 Android 来说,对于页面的描述基本上在 xml 中定义的,比如:

这是一个简单的典型的示例,这个文件就是描述了两部分内容:

somewxss:

很明显可以看出:wxml 是负责了 页面结构 的展示;而 wxss 则负责了对 页面样式 的定义。

这种把结构和样式分离的做法,其实是延续了网页开发中的习惯(html + css)。

这样做的好处起码有两个:

——看起来还是挺简单的结构:

这三个文件用以描述小程序 app 相关的内容,他们的命名是固定这样的,位置也固定是在根目录下。

appjs 基本相当于 Android 中的 Application 类,文件中主要是有一个 App() 函数,来进行小程序的初始化 *** 作。

appjson 的作用跟 Android 中的 AndroidMainifestxml 文件很相似 —— 都是静态化的配置文件。

appwxss 定义全局的样式 —— 其定义的样式会作用于每个页面。比如在 appwxss 中加入:

就可以给所有的 text 控件添加 5px 的 padding 。

当然,页面本身的 xxPagewxss 可以定义局部样式来覆盖全局样式。

根目录下的 utils 文件夹中有一个 utiljs 文件,这个故名思意,是类似于 Java 中的一些工具类的存在。

utils 文件夹其实是一个非必须的结构,而它之所以出现在官方的 HelloWorld 工程中,是作为一个代表,表明了开发者在这里是可以自定义新的文件夹和结构的。微信小程序作为一个使用 js 来开发的平台,是可以使用许多第三方的 js 库的,对于这些第三方库,以及其他的资源等,都可以放到自定义的文件夹中。

pages 文件夹下包含两个子目录:index 和 logs ,两个目录的结构都是基本一样的,都是包含四个相同主名称的文件: xxjs、xxwxml、xxjson、xxwxss 这几个文件。

这样的一个典型结构表明它是一个小程序的页面,四个文件的作用分别是:

在视图的动态显示上,微信小程序使用了 数据绑定(data-binding) 的方式。

如果你之前使用过 AngularJS 或者 Vuejs 等这些流行的 js 框架,那么你肯定对 数据绑定 并不陌生。它是一种把一个控件的属性绑定到某个数据对象(view-model)的属性的方法,这样在改变数据对象属性的时候,所对应的控件属性也就会相应变化 —— 在开发中,这种方式会使得对 View 层的显示控制变得十分简单、自然。

基于此,软件工程的流行架构方式也在之前的 MVC 、 MVP 之外,又多了一个 —— MVVM(Model-View-ViewModel) 。

数据绑定 这种方式现在是如此的流行,以致于 Android 官方都出了一个 [Data Binding Library] ( >

工具使用教程:

1、网页搜索小程序平台,进入小程序搭建系统,如图1。

2、进入平台右上角点击“注册”按钮,如图2。

3、编辑一个用户名、密码,输入验证码并确认注册协议,如图3。

4、编辑一个小程序名字、录入手机号码和找回密码的邮箱账号,如图4。

5、数字产品类型选择界面,选择小程序,如图5。

6、左侧选择官网或商城,官网为展示型小程序模板。根据行业选择小程序模板,预览模板后,点击选用并点击确认按钮,如图6、图7。

7、点击小程序模板头部区域,d出铅笔图标后,进入编辑框替换logo,该模板logo为透明色,请按照系统提示尺寸进行上传,如图8、图9。

8、鼠标点击首页轮播图,d出铅笔图标后,点击进入编辑框,按照系统提示尺寸,替换如图10、图11和图12。

9、小程序导航数量可以根据实际需求进行增减。如果是商城类小程序,导航分类一般对应产品类型,如图13、图14和图15。

10、上传产品后,鼠标点击商品板块,d出铅笔图标后进去编辑框,设置商品按条件自动调用,该功能配置好以后,新增产品会自动出现在各个对应板块,如图16、图17。

11、首页界面设计完成以后,点击左侧页面、添加栏目按钮继续设计其他页面,比如展示型小程序常用的关于我们、联系我们、品牌特色等页面,在设计过程中,可以从素材、模块里拖拽功能插件到页面里,如图18、图19和图20。

12、到这一步小程序基本设计完成,可以沟通平台协助配置各类系统接口,提交腾讯审核发布。

以上就是关于华为手机屏幕最大尺寸7.12英寸等于多少pt*pt,用于小程序开发全部的内容,包括:华为手机屏幕最大尺寸7.12英寸等于多少pt*pt,用于小程序开发、写给Android开发者看的『微信小程序和Android开发的对比』、微信小程序怎么开发等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zz/9515198.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-29
下一篇 2023-04-29

发表评论

登录后才能评论

评论列表(0条)

保存