0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

HarmonyOS UI界面活动可实现不同屏幕的界面适配能力

HarmonyOS开发者 来源:HarmonyOS开发者 作者:HarmonyOS开发者 2021-12-23 09:50 次阅读

HarmonyOS的界面设计/组件设计需要拥有良好的自适应能力,可快速进行不同尺寸屏幕的开发。其次,界面中的元素设计以及交互方式保持一致,减少了用户的学习成本。

随着用户设备类型的不断增加,手机、平板、大屏、车载、穿戴等设备对UI界面开发提出了更加多样化的诉求,这就需要应用开发者在开发界面的时候考虑多种使用场景,满足用户的需求。

于是——基于ArkUI的eTS语言开发一组HarmonyOS UI界面活动来啦!学生开发者使用不同主题和风格的组件、并根据不同设备的特点进行设计,来实现不同屏幕的界面适配能力。

活动要求

① 使用语言:基于ArkUI 的eTS语言开发一组HarmonyOS UI界面(仅需开发一个UI界面即可)② 界面功能:功能齐全,符合真实应用场景③ 适配能力:界面适配,符合一次开发多端部署的特性④ 代码运行:代码规范,逻辑清晰⑤ 审美布局:视觉设计能力具备美感,符合用户感官体验

原文标题:趣味Demo挑战,玩转UI界面新花样

文章出处:【微信公众号:HarmonyOS开发者】欢迎添加关注!文章转载请注明出处。

审核编辑:彭菁
声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • 屏幕
    +关注

    关注

    6

    文章

    1161

    浏览量

    55354
  • 开发者
    +关注

    关注

    1

    文章

    499

    浏览量

    16404
  • HarmonyOS
    +关注

    关注

    79

    文章

    1864

    浏览量

    29268

原文标题:趣味Demo挑战,玩转UI界面新花样

文章出处:【微信号:HarmonyOS_Dev,微信公众号:HarmonyOS开发者】欢迎添加关注!文章转载请注明出处。

收藏 人收藏

    评论

    相关推荐

    AWTK 开源串口屏开发(14) - 界面重用

    界面再拷贝一份。但是如果界面有多份,维护是一件麻烦的事情。今天我来介绍一下界面重用的问题。1.功能用同一个空调界面实现两台空调的设置。有两
    的头像 发表于 03-23 08:23 105次阅读
    AWTK 开源串口屏开发(14) - <b class='flag-5'>界面</b>重用

    【AWTK开源智能串口屏方案】设计UI界面并上传到串口屏

    本篇文章将介绍如何使用AWStudio设计串口屏端的UI界面和添加绑定规则,以及怎么将资源文件上传到串口屏端。引言:AWTK-HMI是基于AWTK与AWTK-MVVM开发的低代码智能串口屏方案,本系
    的头像 发表于 02-22 08:24 212次阅读
    【AWTK开源智能串口屏方案】设计<b class='flag-5'>UI</b><b class='flag-5'>界面</b>并上传到串口屏

    光学镜头常用的光机界面

    若光学透镜的球形光学表面与机械零件的尖角处直接接触,则该光机界面为尖角界面,实际加工出来的“尖角”是一个较小的圆角。 尖角界面加工最为简单,加工成本也最低廉,也是光学镜头结构体中最常用的光机
    发表于 02-21 12:38 235次阅读
    光学镜头常用的光机<b class='flag-5'>界面</b>

    labview上位机界面设计

    上位机界面。上位机界面是指与设备连接的计算机上的一种应用程序,通过该界面可以实现对设备的控制、监测、数据处理等操作。 在LabVIEW中,上位机界面
    的头像 发表于 12-28 11:16 3168次阅读

    电源适配器散热设计需要用到哪些导热界面材料呢?

    电源适配器散热设计需要用到哪些导热界面材料呢? 电源适配器散热设计是为了确保设备能够正常运行并保持稳定的温度,在散热设计中导热界面材料扮演着重要的角色。导热
    的头像 发表于 11-24 14:07 409次阅读

    基于LabVIEW的监测系统的用户界面设计与实现

    电子发烧友网站提供《基于LabVIEW的监测系统的用户界面设计与实现.pdf》资料免费下载
    发表于 10-30 11:42 2次下载
    基于LabVIEW的监测系统的用户<b class='flag-5'>界面</b>设计与<b class='flag-5'>实现</b>

    Android手机界面管理系统的设计与实现

    电子发烧友网站提供《Android手机界面管理系统的设计与实现.pdf》资料免费下载
    发表于 10-30 11:09 0次下载
    Android手机<b class='flag-5'>界面</b>管理系统的设计与<b class='flag-5'>实现</b>

    HarmonyOS\"一次开发,多端部署\"优秀实践——玩机技巧,码上起航

    HarmonyOS屏幕进行逻辑抽象,包括尺寸和物理像素,并通过方舟开发框架(简称ArkUI)提供丰富的自适应、响应式的布局,方便开发者进行不同屏幕界面
    发表于 08-30 18:14

    Emulex One命令管理器命令行界面脉冲适配器用户指南

    电子发烧友网站提供《Emulex One命令管理器命令行界面脉冲适配器用户指南.pdf》资料免费下载
    发表于 08-17 10:08 0次下载
    Emulex One命令管理器命令行<b class='flag-5'>界面</b>脉冲<b class='flag-5'>适配</b>器用户指南

    HarmonyOS NEXT新能力,一站式高效开发HarmonyOS应用

    的应用呈现在消费者面前。 为了帮助开发者更好地实现HarmonyOS应用的开发,华为面向开发者推出了由赋能套件,鸿蒙系统特征能力,设计资源套件、开发测试套件,运维套件以及开发者支持平台构成的全面解决
    发表于 08-14 15:08

    Omniverse 中文课程系列 3:实战练习如何成为自定义 UI 界面大师

    Omniverse 为 3D 工具构建漂亮的自定义 UI 界面 学习目标 如果您是虚拟世界的构建者和创作者,那么您一定不能错过亲身体验 NVIDIA Omniverse 套件中的 Omni.ui 工具及框架
    的头像 发表于 06-09 20:45 327次阅读
    Omniverse 中文课程系列 3:实战练习如何成为自定义 <b class='flag-5'>UI</b> <b class='flag-5'>界面</b>大师

    OpenHarmony沉浸式界面开发代码教程

    沉浸式界面通常是指全屏显示,即当前画面占据整个屏幕。画面放大的同时,让用户摆脱无关信息的干扰,带给用户沉浸式的体验。
    的头像 发表于 06-06 09:26 1071次阅读
    OpenHarmony沉浸式<b class='flag-5'>界面</b>开发代码教程

    HarmonyOS低代码开发-多语言支持及屏幕适配

    为3的场景,此场景下1px等于渲染出3个物理像素。例如设置Width为100px时,Width实际渲染像素为300物理像素。 说明:designWidth和autoDesignWidth相关具体概念请参考js标签配置。 *附件:HarmonyOS低代码开发-多语言支持及屏幕
    发表于 05-23 14:37

    LabVIEW开发的上位机界面在其它电脑分辨率下-界面窗口偏移显示问题解决

    解决方式 1)编辑前面板边界适配对应的分辨率 2)编辑前面板窗口-窗口边界 3)编辑前面板窗口-保持窗口比例 4)设置VI属性--窗口运行时位置居中显示。 在基于LabVIEW开发的上位机界面打包
    发表于 05-10 10:56 5次下载
    LabVIEW开发的上位机<b class='flag-5'>界面</b>在其它电脑分辨率下-<b class='flag-5'>界面</b>窗口偏移显示问题解决

    人机界面和触摸屏的区别?

    人机界面:指人操作PLC的一个平台,该平台提供了一个程序与人的接口,是人与计算机之间传递、交换信息的媒介和对话接口,是计算机系统的重要组成部分。它实现信息的内部形式与人类可以接受形式之间的转换
    的头像 发表于 05-10 09:38 987次阅读
    人机<b class='flag-5'>界面</b>和触摸屏的区别?