天干计划阏逢-第四章Java UI设计与研发
发布时间：2021-11-07 00:32:46 所属栏目：语言 来源：互联网
导读：一、天干计划介绍 有所为： 打造构建基于HCIA鸿蒙应用开发认证的学习路线、学习总结、学习经验的系列分享。 收录于《鸿蒙北向天干计划》，以十干曰：阏逢、旃蒙、柔兆、强圉、著雍、屠维、上章、重光、玄黓、昭阳。对应HCIA-HarmonyOS Application Developer
|
一、天干计划介绍 有所为： 打造构建基于HCIA鸿蒙应用开发认证的学习路线、学习总结、学习经验的系列分享。 收录于《鸿蒙北向天干计划》，以十干曰：阏逢、旃蒙、柔兆、强圉、著雍、屠维、上章、重光、玄黓、昭阳。对应HCIA-HarmonyOS Application Developer V1.0 认证十大章节。 天干计划，是我的HCIA学习认证之路，也是各位开发者的HCIA学习认证之鉴! 有所依： 主要参考：HCIA-HarmonyOS Application Developer V1.0 认证考试大纲、学员用书、培训教材、实验手册四部分文档华为人才在线-HCIA-HarmonyOS Application Developer进行解析。 其他参考：HarmonyOS开发文档-鸿蒙官网、鸿蒙开源项目-Gitee。 有所旨： 与想要获得HCIA-HarmonyOS Application Developer V1.0 认证的开发者共同学习HarmonyOS，共同总结知识的难点与重点。 给准备加入鸿蒙，学习鸿蒙，建设鸿蒙的开发者以基于认证路线的学习思路与学习经验。 扎根51CTOHarmony技术社区，帮助鸿蒙开发者生态建设，繁荣鸿蒙生态。 为中华之复兴而读书!为万物之互联而编程! 二、第四章Java UI设计与开发总体把握 (一)纲领目张 考试大纲：第四章UI页面设计与开发，笔试占比31% Java UI开发 JS UI开发 UI 设计 多模输入 培训教材(273页)：Java UI设计与开发(P118-P138);JS UI设计与开发(P139-P154);UI设计(P155-161);思考题与总结(p162-165)。总共占比约为17%。 学员用书(365页)：第四章Java UI设计与开发(P151-P276)，占比约34%;第五章JS UI设计与开发(P277-P301)，占比约为6%。四五两章总页面占比约为40%。 实验手册(6个实验)：第三个手机天气预报界面设计，第四个手表天气预报界面设计。第三个是Java UI设计与开发，第四个是JS UI设计与开发。 补充 (来源：官方文档JS API参考)：多模输入 (来源：官方文档UI)：多模输入 总结： 一句话：Java UI设计与开发这一章是高分值、高占比，且可以明显感觉到，重点是Java UI框架。所以我把Java UI框架放在了天干计划的开篇。 大纲四个大知识点，学员用书有Java UI开发与JS UI开发，培训教材有UI设计。多模输入在补充那里就可以很好的学习。 (二)功成不远 第四章Java UI框架，有八个小节，我把八个小节分为三个部分。 伊始：4.1、4.2、4.4 核心：4.3、4.5 收尾：4.6、4.7、4.8 建议： 以学员用书为基础学Java UI开发与JS UI开发 以培训教材为基础学UI设计 以官方文档为基础学多模输入 以实验手册为基础进行知识串联，代码复现 三、4.1 Java UI 框架概述 四概念三描述两图表 四概念： Component 中文描述：组件 概述：绘制可以交互的对象 ComponentContainer 中文描述：容器、布局 概述：可以容纳组件和容器的容器 LayoutConfig 中文描述：布局配置 概述：每种布局提供，子组件使用，以设定布局的属性和参数为目的 组件树 概述：是一种布局，是把Component 和 ComponentContainer按树状结构组织的布局。可以跟数据结构中的树状结构相结合去理解。 拿捏：(1)根节点唯一(2)层级结构(3)子节点与父节点【不是结点与树的前驱后驱概念相同】 三描述 用户界面(即UI，User Interface)，用户界面元素统称为组件都是由 Component 和 ComponentContainer 对象构成。 Component是界面中所有组件的基类，即ComponentContainer其实也是组件，布局类组件。 A special component that can contain other components (called child components).可以包含其他组件(称为子组件)的特殊组件。 Java UI框架提供标准布局功能的容器，它们直接继承自 ComponentContainer，间接继承Component。布局容器一般以 Layout 结尾，但是有例外，有例外，有例外! 举例：提供滑动翻页功能的PageSlider、提供内容滚动功能的ScrollView、提供翻转效果的PageFlipper 两图表(易) Component结构图 LayoutConfig图 四、4.2 组件与布局开发指导 一接口两方式三分类 一接口 setUIContent(ComponentContainer root) 接口描述：设置界面入口，root为界面组件树根节点 背景知识：鸿蒙提供了Ability和AbilitySlice两个基础类,AbilitySlice承载单个页面和逻辑实现的最小单位。而AbilitySlice通过此接口设置布局。 实际模样： 两方式(编写布局的方式) 概述： 通过XML声明布局 通过代码创建布局 对比： 相同：加载后可修改 区别：XML声明更便捷，代码方式自定义自定义程度更高 示例： 三分类(组件按功能分类) 概述 布局类 显示类 交互类 具体功能说明及属性设置详见API参考。  （编辑：晋中站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
站长推荐
热点阅读