chart开发指导 chart为图表组件，用于呈现线形图、柱状图和量规图界面。具体用法请参考chart。 创建chart组件 在pages/index目录下的hml文件中创建一个chart组件。
阅读全文
openharmony 鸿蒙 ui-js-components-canvasrenderingcontext2d
CanvasRenderingContext2D对象 使用CanvasRenderingContext2D在Canvas画布组件上进行绘制，绘制对象可以是图形、文本、线段、图片等。具体请参考CanvasRenderingContext2D对象。
阅读全文
openharmony 鸿蒙 ui-js-components-canvas
Canvas对象 Canvas组件提供画布，用于自定义绘制图形。具体用法请参考CanvasRenderingContext2D对象。 创建Canvas组件 在pages/index目录下的hml文件中创建一个Canvas组件。
阅读全文
openharmony 鸿蒙 ui-js-components-button
button开发指导 button是按钮组件，其类型包括胶囊按钮、圆形按钮、文本按钮、弧形按钮、下载按钮。具体用法请参考button API。 创建button组件 在pages/index目录下的hml文件中创建一个button组件。
阅读全文
openharmony 鸿蒙 ui-js-component-tabs
tabs开发指导 tabs是一种常见的界面导航结构。通过页签容器，用户可以快捷地访问应用的不同模块。具体用法请参考tabs API。 创建tabs 在pages/index目录下的hml文件中创建一个tabs组件。
阅读全文
openharmony 鸿蒙 ui-js-building-ui-routes
页面路由 很多应用由多个页面组成，比如用户可以从音乐列表页面点击歌曲，跳转到该歌曲的播放界面。开发者需要通过页面路由将这些页面串联起来，按需实现跳转。
阅读全文
openharmony 鸿蒙 ui-js-building-ui-layout-text
添加标题行和文本区域 实现标题和文本区域最常用的是基础组件text。text组件用于展示文本，可以设置不同的属性和样式，文本内容需要写在标签内容区，完整属性和样式信息请参考text。在页面中插入标题和文本区域的示例如下：
阅读全文
openharmony 鸿蒙 ui-js-building-ui-layout-intro
布局说明 设备的基准宽度为720px（px为逻辑像素，非物理像素），实际显示效果会根据实际屏幕宽度进行缩放。 其换算关系如下： 组件的width设为100px时，在宽度为720物理像素的屏幕上，实际显示为100物理像素；在宽度为1440物理像素的屏幕上，实际显示为200物理像素。
阅读全文
openharmony 鸿蒙 ui-js-building-ui-layout-image
添加图片区域 添加图片区域通常用image组件来实现，使用的方法和text组件类似。 图片资源建议放在js\default\common目录下，common目录需自行创建，详细的目录结构见目录结构。代码示例如下：
阅读全文
openharmony 鸿蒙 ui-js-building-ui-layout-external-container
添加容器 要将页面的基本元素组装在一起，需要使用容器组件。在页面布局中常用到三种容器组件，分别是div、list和tabs。在页面结构相对简单时，可以直接用div作为容器，因为div作为单纯的布局容器，可以支持多种子组件，使用起来更为方便。
阅读全文