文章 2023-12-15 来自:开发者社区

初学鸿蒙OS之JS-UI框架中基础组件的使用

写在前面昨天我们一起学习了鸿蒙OS中提供的JS-UI框架中的组件分类,并且在各个分类中,都有哪些比较常用,或者是比较熟悉的组件,但是并没有学如何去用这些组件。那么今天我们就来看一下如何去用这些组件吧,当然也是一些基本组件的使用,博主刚学不久,质量确实没那么高,但是请相信博主,鸿蒙OS会一直学习下去的。如何在项目中使用基础组件今天主要是来说一下JS-UI框架中的一些基础组件,比如input、tex....

初学鸿蒙OS之JS-UI框架中基础组件的使用
文章 2023-12-15 来自:开发者社区

初学鸿蒙OS之JS-UI框架中提供了哪些组件

写在前面上篇我们介绍了鸿蒙OS提供了哪些UI框架,而且根据我自身的情况,也选择了JS-UI框架,其实都是差不多的,该有的组件都有,就是不同方式去实现而已,大家也可以去看看其他UI框架。介绍一下鸿蒙OS中JS-UI框架的组件分类迄今为止,鸿蒙OS,JS-UI框架一共提供了六大类组件,分别是容器组件、基础组件、媒体组件、画布组件、栅格组件、svg组件。下面分别与大家说一下这几类组件中提供的功能。容器....

文章 2023-12-15 来自:开发者社区

初学鸿蒙OS之UI框架

写在前面为了开发者能更便利的去开发,鸿蒙OS不只是提供了基础框架,还提供了多种UI语言,分别是JavaUI、方舟设计UI,今天我们来介绍一下鸿蒙OS中UI框架,还有我打算后期继续深入学习的UI框架。鸿蒙OS提供了哪些UI框架鸿蒙OS提供了两种UI框架,分别是Java UI框架,另外一种就是方舟开发框架-ArkUI,分别代表着两种不同方式的UI设计。下面我们就来学习一下这两种框架的相同点和不同点。....

文章 2023-06-21 来自:开发者社区

鸿蒙全新声明式UI框架ArkUI初体验,开发应用不错,比起flutter如何

ArkUI框架介绍: 华为开发者大会2021将于10月22日在东莞松山湖正式开幕,推出了全新的ArkUI应用开发框架。ArkUI一套极简声明式UI范式开发框架,是HarmonyOS提供的一套基于JS/TS语言的开发能力集合,旨在帮助应用开发者高效开发跨端应用UI界面,自动适配多种不同的屏幕形态,开发者无需关心框架如何实现UI绘制和渲染,只需聚焦应用开发,从而实现极简高效地开发。体验了一把应用开发....

鸿蒙全新声明式UI框架ArkUI初体验,开发应用不错,比起flutter如何
文章 2022-12-10 来自:开发者社区

(2.1)HarmonyOS鸿蒙Ability创建,XML和Java页面布局UI

鸿蒙UI中,提供了两种编写布局的方式:①在XML中声明UI布局②在Ability代码中直接通过Java创建布局这两种方式创建出的布局没有本质差别,但是XML方式较为方便简单。在XML文件中布局与HTML+CSS的前端布局类似,通过使用不同类型的标签进行布局,而样式也通过属性来设置。具体的标签属性等可以在开发中慢慢熟悉。创建Ability在Ability代码中直接通过Java创建布局(这里我们在新....

(2.1)HarmonyOS鸿蒙Ability创建,XML和Java页面布局UI
文章 2022-02-14 来自:开发者社区

鸿蒙Java UI框架初探和路由跳转实现【鸿蒙开发05】

Java UI框架概述应用将在屏幕上显示一个用户界面,该界面用来显示所有可被用户查看和交互的内容。应用中所有的用户界面元素都是由Component和ComponentContainer对象构成。Component是绘制在屏幕上的一个对象,用户能与之交互。ComponentContainer是一个用于容纳其他Component和ComponentContainer对象的容器。Java UI框架提供....

鸿蒙Java UI框架初探和路由跳转实现【鸿蒙开发05】
文章 2022-02-14 来自:开发者社区

【鸿蒙 HarmonyOS】Ability 中使用 XML 布局文件 绘制布局及 UI 组件(二)

四、配置 Ability创建完成后 , 会在 config.json 中的 “abilities” 标签下添加如下 Ability 配置 :   { "orientation": "unspecified", "visible": true, "name": "com.example.abilityxml.MyAbility", ...

【鸿蒙 HarmonyOS】Ability 中使用 XML 布局文件 绘制布局及 UI 组件(二)
文章 2022-02-14 来自:开发者社区

【鸿蒙 HarmonyOS】Ability 中使用 XML 布局文件 绘制布局及 UI 组件(一)

文章目录一、创建 XML 布局文件二、XML 布局文件中添加子组件三、创建 Ability四、配置 Ability五、Ability 加载布局文件六、完整代码及效果展示四、GitHub 地址一、创建 XML 布局文件在 src\main\resources\base\layout 目录下 , 创建布局文件 ;右键点击 layout 目录 , 在弹出的菜单中选择 " New / Layout Re....

【鸿蒙 HarmonyOS】Ability 中使用 XML 布局文件 绘制布局及 UI 组件(一)
文章 2022-02-14 来自:开发者社区

【鸿蒙 HarmonyOS】UI 布局 ( 相对布局 DependentLayout )

文章目录一、相对布局 DependentLayout 常用属性二、相对布局 DependentLayout 示例一、相对布局 DependentLayout 常用属性相对布局 DependentLayout 常用属性 :在某组件下方 : ohos:below=""在某组件上方 : ohos:above=""在某组件左侧 : ohos:left_of=""在某组件右侧 : ohos:right_o....

【鸿蒙 HarmonyOS】UI 布局 ( 相对布局 DependentLayout )
文章 2022-02-14 来自:开发者社区

【鸿蒙 HarmonyOS】UI 布局 ( 线性布局 DirectionalLayout )

文章目录一、线性布局 DirectionalLayout二、垂直线性布局 DirectionalLayout三、水平线性布局 DirectionalLayout一、线性布局 DirectionalLayout线性布局 DirectionalLayout , 指的是其中的组件都是按照一个方向 , 从左到右 , 或 从上到下 , 线性排列的 ;线性布局需要设置一个方向 , 使用 ohos:orien....

【鸿蒙 HarmonyOS】UI 布局 ( 线性布局 DirectionalLayout )

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

产品推荐

{"cardStyle":"productCardStyle","productCode":"aliyun","productCardInfo":{"productTitle":"PAI部署多形态的SD WebUI服务","productDescription":"为企业提供云上快速部署定制化的文生图应用。","productContentLink":"https://www.aliyun.com/solution/tech-solution/pai_eas","isDisplayProductIcon":true,"productButton1":{"productButtonText":"方案详情","productButtonLink":"https://www.aliyun.com/solution/tech-solution/pai_eas"},"productButton2":{"productButtonText":"一键部署","productButtonLink":"https://help.aliyun.com/document_detail/2509703.html"},"productButton3":{"productButtonText":"查看更多技术解决方案","productButtonLink":"https://www.aliyun.com/solution/tech-solution/"},"productPromotionInfoBlock":[{"$id":"0","productPromotionGroupingTitle":"解决方案推荐","productPromotionInfoFirstText":"AnalyticDB 与通义千问搭建 AI 智能客服","productPromotionInfoFirstLink":"https://www.aliyun.com/solution/tech-solution/analyticdb-rag","productPromotionInfoSecondText":"通义千问和LangChain搭建对话服务 ","productPromotionInfoSecondLink":"https://www.aliyun.com/solution/tech-solution/tongyi-langchain"}],"isOfficialLogo":false},"activityCardInfo":{"activityTitle":"","activityDescription":"","cardContentBackgroundMode":"LightMode","activityContentBackgroundImageLink":"","activityCardBottomInfoSelect":"activityPromotionInfoBlock"}}

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注