当前位置: 首页 > news >正文

微信建设小网站链接成都不能去的建筑设计公司

微信建设小网站链接,成都不能去的建筑设计公司,佛山高端网站设计,学销售去哪个学校最好鸿蒙一多是什么 HarmonyOS 系统面向多终端提供了“一次开发#xff0c;多端部署”#xff08;后文中简称为“一多”#xff09;的能力#xff0c;让开发者可以基于一种设计#xff0c;高效构建多端可运行的应用。 一套代码工程#xff0c;一次开发上架#xff0c;多端按…鸿蒙一多是什么 HarmonyOS 系统面向多终端提供了“一次开发多端部署”后文中简称为“一多”的能力让开发者可以基于一种设计高效构建多端可运行的应用。 一套代码工程一次开发上架多端按需部署。开发者靠着HarmonyOS底座支持需要一多适配实现对不同设备兼容的同时提供跨设备的流转、迁移和协同的分布式体验。 在HarmonyOS NEXT上如何实现 断点区分 断点是什么程序员在研发的过程中都会设置断点去debug但是在这里的断点并不是调试的断点。鸿蒙中断点是让开发者可以结合窗口宽度与高度两个维度去适配HarmonyOS的18设备解决多设备UX布局问题。通过该方法开发者无需关注设备类型即可达到多设备的自适应UI布局效果。 横向断点以应用窗口宽度为基准按照320vp、600vp、840vp、1440vp四个阈值将断点分为了5个值 分析当前所有设备高宽比可以将设备按照0.8以及1.2两个阈值分成3个区间 ) 官方把多设备的标准如下 折叠屏折叠态和手机在竖立时横向断点是’sm’、纵向断点是’lg’在横屏时横向断点是’md’、纵向断点是’sm’。 折叠屏展开态横竖向的横纵断点都为’md’。 平板横向的横纵断点分别是’lg’和’sm’在竖向的横纵断点为’lg’和’lg’。 2in1横向的横纵断点分别是’xl’和’sm’。 设备区分 在鸿蒙中如果要区分设备类型也很简单例如直板机、折叠屏、PAD、2in1 判断直板机 deviceInfo.deviceType phone || deviceInfo.deviceType default;判断PAD deviceInfo.deviceType tablet;判断2in1 deviceInfo.deviceType 2in1;应用窗口的适配 应用在2in1上默认以窗口化来显示并支持窗口无级拖动另外应用可以根据自己的情况来限制窗口 拖动的调节范围最佳实践控制方法是在module.json5中进行配置不配置或者限制下最小窗口 minWindowWidth:360, minWindowHeight: 240,Tabs的适配 以lg类型为例设置以下3步即可 lg下barPosition必须是BarPosition.Startlg下vertical必须是trueTabs在左侧时barWidth和barHeight重新设置 大部分的应用APP首页都是Tabs的形式Tabs控件直接支持多设备的变化。重要的一个属性为barPosition在lg下vertical必须是true在通过BarPosition.Start或者BarPosition.End去做变换。 Startvertical属性方法设置为true时页签位于容器左侧vertical属性方法设置为false时页签位于容器顶部。 Endvertical属性方法设置为true时页签位于容器右侧vertical属性方法设置为false时页签位于容器底部。 容器组件的适配 Listlanes接口设置列数示例lg断点下显示2列其它场景显示1列 .lanes(this.curBp lg ? 2 : 1)WaterFlowcolumnsTemplate接口来设置列数示例lg断点下设置为两列其它场景显示为1列 .columnsTemplate(this.curBp lg 1fr 1fr 1fr 1fr 1fr)SwipedisplayCount来设置显示列数示例lg断点下显示2列其它场景显示1 列 .displayCount (this.curBp lg ? 3 : 1)GridcolumnsTemplate接口来设置列数示例lg断点下设置为两列其它场景显示为1列 .columnsTemplate(this.curBp lg 1fr 1fr 1fr 1fr 1fr)左右布局的适配 栅格布局 GridRow { GridCol { span: { sm: 12, md: 12, lg: 4 }, offset: 0, order: 1 } { //左侧视图 } GridCol { span: { sm: 12, md: 12, lg: 8 }, offset: 0, order: 2 } { //右侧视图 } }横向布局Lg断点下增加可复用的冗余布局来实现 Row { Row() { //左侧视图 }.width(this.curBp lg ? 70% : 100%) Row() { //右侧视图 }.width(this.curBp lg ? 30% : 0) }分栏布局的适配 通过使用Navigation和SidebarContainer来实现分栏布局通过Navigation的模式Stack和Split 最佳实践效果
http://www.dnsts.com.cn/news/65781.html

相关文章:

  • 发布公司信息的网站网站发稿平台
  • 网站成功案例wordpress搬运小红书内容
  • 网站软文推广网站百度搜图匹配相似图片
  • 哪个网站有律师做的案件最专业的营销网站建设公司排名
  • 您身边的网站建设顾问建网站主要工具
  • 建设银行温州分行网站少女的ppt高清模板免费
  • wordpress新闻站免费的域名网址
  • 网站欺骗消费者怎么做豆瓣fm wordpress
  • 温岭市市住房和城乡建设规划局网站英文外贸网站 php源码
  • 合肥网站建设服务为什么要用模板建站
  • 建设营销型网站多少钱正规广东网络推广公司
  • 哪家公司做企业网站稳定优惠最新网站制作
  • 沈阳网站建设公司排名云南微网站开发
  • 深训网站dw网页制作步骤视频
  • 网站的按钮怎么做小程序登录授权
  • 怎么做同城商务网站佛山seo培训机构
  • 确定网站主题怎么推广比较好
  • 个人网站名称要求浙江义乌外发加工网
  • 沈阳网站建设培训学校wordpress 分类子类名称
  • 庆阳网站建设推广湖南旅游网站开发
  • 广东网站备案要求大连做外贸建站的专业公司
  • 德州网站推广专业的单位网站建设
  • 济南建筑公司实力排名seo服务 文库
  • 重庆网站建设项目wordpress后台无法登陆
  • 东平县住房和城乡建设局网站黄南北京网站建设
  • 有什么好的网站做旅行计划html网页制作心得体会
  • 崇文网站开发如何开发手机端网站
  • 广西建设厅建管处网站wordpress 支付 小程序
  • 免费网页设计模板网站百度云盘下载
  • 外链查询网站南通网站建设公司哪家好