【鸿蒙】HarMonyOS的UI组件学习五之面试宝典

最新推荐文章于 2024-08-24 02:35:09 发布
最新推荐文章于 2024-08-24 02:35:09 发布
阅读量692 收藏 6
点赞数 4
分类专栏： HarmonyOS(Java) 文章标签： java android android studio ios 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010321564/article/details/118160826
版权

在生活，学习中每天都要学习，社会中也有许多的各行各业的做题软件，今天分享使用鸿蒙系统开发做题类的应用软件学习，页面比较简单，终点在RadioButton和CheckBox组件的学习以及功能的完成，其效果如下:
在这里插入图片描述
先看单选题，使用的是RadioButton组件，但必须要套在RadioContainer组件中才能实现单选效果，并设定选中选项改变字体颜色，将选项填写在小括号内:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
接下来看多选题，这里使用CheckBox组件完成多选功能，将选中的选项填写在小括号内，如果选错了，临时修改答案，也会同步刷新小括号内的选项:
在这里插入图片描述
假设取消一个C选项,那么界面效果是如下:
在这里插入图片描述
继续取消或者添加选项都是可以进行同步刷新，这里只是学习的小案例，如果你觉得能掌握了，那么你离开发一个完整的题库软件更进一步了，甚至你可以举一反三，根据自己的想法把它做的更好。
接下来我们上代码,先看一下布局的代码:

<?xml version="1.0" encoding="utf-8"?>
<DirectionalLayout
    xmlns:ohos="http://schemas.huawei.com/res/ohos"
    ohos:height="match_parent"
    ohos:width="match_parent"
    ohos:orientation="vertical">
    <Text
        ohos:height="match_content"
        ohos:width="match_parent"
        ohos:text="面试宝典"
        ohos:text_size="35vp"
        ohos:text_color="#fff"
        ohos:text_alignment="center"
        ohos:background_element="#FF3333EC"/>
    <DirectionalLayout
        ohos:height="match_content"
        ohos:width="match_parent"
        ohos:weight="1">

        <Text
            ohos:height="match_content"
            ohos:width="match_parent"
            ohos:text="单选题"
            ohos:text_size="30vp"/>

        <Text
            ohos:id="$+id:tv5"
            ohos:height="match_content"
            ohos:width="match_parent"
            ohos:multiple_lines="true"
            ohos:text="1.下列哪个终端设备系统不是移动互联端的系统的技术?()"
            ohos:text_size="25vp"/>

        <RadioContainer
            ohos:id="$+id:rc_title"
            ohos:height="match_content"
            ohos:width="match_parent">

            <RadioButton
                ohos:height="match_content"
                ohos:width="match_content"
                ohos:check_element="null"
                ohos:text="A.Android"
                ohos:text_color_on="#f00"
                ohos:text_size="22vp"/>

            <RadioButton
                ohos:height="match_content"
                ohos:width="match_content"
                ohos:check_element="null"
                ohos:text="B.IOS"
                ohos:text_color_on="#f00"
                ohos:text_size="22vp"/>

            <RadioButton
                ohos:height="match_content"
                ohos:width="match_content"
                ohos:check_element="null"
                ohos:text="C.JavaEE"
                ohos:text_color_on="#f00"
                ohos:text_size="22vp"/>

            <RadioButton
                ohos:height="match_content"
                ohos:width="match_content"
                ohos:check_element="null"
                ohos:text="D.HarMonyOS"
                ohos:text_color_on="#f00"
                ohos:text_size="22vp"/>
        </RadioContainer>
    </DirectionalLayout>

    <DirectionalLayout
        ohos:height="match_content"
        ohos:width="match_parent"
        ohos:weight="1">

        <Text
            ohos:height="match_content"
            ohos:width="match_parent"
            ohos:text="多选题"
            ohos:text_size="30vp"/>

        <Text
            ohos:id="$+id:tv6"
            ohos:height="match_content"
            ohos:width="match_parent"
            ohos:multiple_lines="true"
            ohos:text="2.下列哪些是Java面向对象的三大特征?()"
            ohos:text_size="25vp"/>

        <Checkbox
            ohos:id="$+id:cb1"
            ohos:height="match_content"
            ohos:width="match_content"
            ohos:check_element="null"
            ohos:text="A.封装"
            ohos:text_color_on="#f00"
            ohos:text_size="22vp"/>

        <Checkbox
            ohos:id="$+id:cb2"
            ohos:height="match_content"
            ohos:width="match_content"
            ohos:check_element="null"
            ohos:text="B.接口"
            ohos:text_color_on="#f00"
            ohos:text_size="22vp"/>

        <Checkbox
            ohos:id="$+id:cb3"
            ohos:height="match_content"
            ohos:width="match_content"
            ohos:check_element="null"
            ohos:text="C.继承"
            ohos:text_color_on="#f00"
            ohos:text_size="22vp"/>

        <Checkbox
            ohos:id="$+id:cb4"
            ohos:height="match_content"
            ohos:width="match_content"
            ohos:check_element="null"
            ohos:text="D.多态"
            ohos:text_color_on="#f00"
            ohos:text_size="22vp"/>

    </DirectionalLayout>

</DirectionalLayout>

这里整个页面使用的是DirectionalLayout线性布局，里面使用了两个DirectionalLayout线性布局将整个页面平均一份为二，上半部分用于单选题，下半部分用于多选题。
上半部分中使用了两个Text组件显示题目和题型，接着使用了RadioContainer组件包裹了四个RadioButton组件实现单选功能，并给这些单选按钮添加了选中的字体颜色。
下半部分中也是使用了两个Text组件显示题目和题型，接着使用了四个CheckBox组件显示选项。
相信大家已经了解了布局的整个搭建的结构，那现在最主要的就是怎么实现做题的功能，下面上java代码:

package com.example.hm_phone_java.slice;

import com.example.hm_phone_java.ResourceTable;
import ohos.aafwk.ability.AbilitySlice;
import ohos.aafwk.content.Intent;
import ohos.agp.components.*;


public class RadioCheckAbilitySlice extends AbilitySlice {
    //将四个多选按钮的id定义出来
    private int[] ids = {ResourceTable.Id_cb1,
            ResourceTable.Id_cb2,
            ResourceTable.Id_cb3,
            ResourceTable.Id_cb4};
    //定义可以存储多选按钮的数组
    private Checkbox[] cbs = new Checkbox[ids.length];
    //用于存储多选题的答案
    private String[] content=new String[ids.length];
    @Override
    protected void onStart(Intent intent) {
        super.onStart(intent);
        //加载布局
        this.setUIContent(ResourceTable.Layout_ability_radio_checkbox);
        //获得单选题和多选题的题目组件
        Text tv5 = (Text) this.findComponentById(ResourceTable.Id_tv5);
        Text tv6 = (Text) this.findComponentById(ResourceTable.Id_tv6);
        //获得单选按钮的容器组件
        RadioContainer rc = (RadioContainer) this.findComponentById(ResourceTable.Id_rc_title);
        //添加单选按钮的选项改变事件监听器
        rc.setMarkChangedListener(new RadioContainer.CheckedStateChangedListener() {
            @Override
            public void onCheckedChanged(RadioContainer radioContainer, int i) {
                //获得当前被选中的单选按钮组件
                RadioButton rb = (RadioButton) radioContainer.getComponentAt(i);
                //截取部分题目将选中的答案进行拼接显示在Text组件上
                String title = tv5.getText();
                title = title.substring(0, title.indexOf("(") + 1);
                tv5.setText(title + rb.getText().substring(0, 1) + ")");
            }
        });
        //循环遍历，进行初始化多选按钮，这里使用循环是简化代码，避免编写过多的重复代码，
        // 如果有更好的办法能节省代码的，欢迎大家分享技术
        for (int i = 0; i < ids.length; i++) {
            cbs[i]= (Checkbox) this.findComponentById(ids[i]);
            //将每一个多选按钮的下标存储在对应的多选按钮的组件上
            cbs[i].setName(String.valueOf(i));
            //给每一个多选按钮添加选中监听器
            cbs[i].setCheckedStateChangedListener(new AbsButton.CheckedStateChangedListener() {
                @Override
                public void onCheckedChanged(AbsButton absButton, boolean b) {
                    Checkbox cb= (Checkbox) absButton;
                    if (b)
                        //当前多选按钮被选中，将该选项的答案保存是字符串数组的对应下标位置
                        content[Integer.parseInt(cb.getName())]=cb.getText().substring(0,1);
                    else
                        //当前选项被取消，那么从字符串数组中删除对应下标上的答案
                        content[Integer.parseInt(cb.getName())]="";

                    String title = tv6.getText();
                    title = title.substring(0, title.indexOf("(") + 1);
                    StringBuilder builder=new StringBuilder();
                    //将选中的答案用StringBuilder对象进行拼接成字符串
                    for(String info:content){
                        if (info!=null&&!"".equals(info))
                            builder.append(info).append(",");
                    }
                    //并将最后的答案显示在文本组件上
                    tv6.setText(title + builder.toString().substring(0,builder.length()-1) + ")");
                }
            });
        }

    }
}

这篇文章就分享到这里，感谢大家的关注和阅读，后期文章会更精彩！！！
下一篇 【鸿蒙】HarMonyOS的UI组件学习六之订单列表

笔触狂放
关注
专栏目录
100天精通鸿蒙从入门到跳槽——第17天：ArkTS循环渲染 使用教程
猫头虎：授渔优于赠鱼，兴趣引领智慧，探索之乐尤显珍贵。商务合作：Libin9iOak，共赴知识与乐趣的探索之旅！
01-28 5万+
在本文中，我们将深入探讨HarmonyOSArkTS循环渲染。我们将介绍循环渲染的概念、应用场景以及如何在ArkTS中实现循环渲染。通过本文，你将对HarmonyOS应用开发中的性能优化和用户体验提升有更深入的理解。循环渲染是指在应用程序中重复执行某个操作或更新界面的过程。在HarmonyOS中，通过使用ArkTS的循环语句，开发者可以实现高效的界面更新和数据处理，以提供流畅的用户体验。循环渲染是HarmonyOS应用开发中的一个重要知识点，它可以实现高效的界面更新和数据处理，提供流畅的用户体验。通过使用。
100天精通鸿蒙从入门到跳槽——第19天：ArkTS装饰器@State和@Prop
热门推荐
猫头虎：授渔优于赠鱼，兴趣引领智慧，探索之乐尤显珍贵。商务合作：Libin9iOak，共赴知识与乐趣的探索之旅！
01-29 5万+
State和@Prop是harmonyOS的ArkTS装饰器，用于父子组件间单向数据通信。@State装饰的变量是组件内部的状态数据，当这些状态数据被修改时，将会调用所在组件的build方法进行UI刷新。@Prop装饰的变量必须使用其父组件提供的@State变量进行初始化，允许组件内部修改@Prop变量，但更改不会通知给父组件，即@Prop属于单向数据绑定。@State和@Prop装饰器用于管理组件的状态，实现了父子组件间的单向数据通信。@State。
面试宝典-鸿蒙应用.zip
02-07
华为 鸿蒙系统 开发
鸿蒙开发岗位，面试到底问些啥？
maniuT的博客
03-11 2710
在面试前，其实我也花了一段时间学习了一些鸿蒙开发相关的内容，不然也不会这么顺利。只要有一定的Android开发或前端开发经验，其实上手学习鸿蒙开发的内容是很快的，差不多就是换了一套编写语法而已。于是我抽出一段时间，去找了一些招聘鸿蒙开发岗位的公司进行面试，测了一下难度。对此智联招聘回应称，由于求职流量新高，服务器过载，造成了短暂停用，但目前服务已恢复正常。1.在Router的传递数据的过程中，如何封装自定义的对象传递到另外一个页面？4.鸿蒙网络请求如何实现的，线上的APM 如何做流量的监控？
2024鸿蒙开发【面试题库】，转岗看这一篇就够了
2301_76813281的博客
08-09 5994
鸿蒙面试分享，纯干货……
HarmonyOS3.1/4.0切换到HarmonyOS Next（4.1）的变化记录
shudaoshanQAQ的博客
02-22 684
HarmonyOS3.1/4.0切换到HarmonyOS Next后有一些变化，目前我个人在使用过程中发现这些差异最为明显。
HarmonyOS（鸿蒙），腾讯面试java
m0_63102464的博客
11-01 322
20            ], 21            “actions”: [ 22              “
HarmonyOS（鸿蒙），java面试笔试题及答案
m0_63174618的博客
12-04 2091
ohos:id="$+id:text" ohos:height=“match_content” ohos:width=“match_content” ohos:text=“blue” ohos:text_size=“100px” ohos:text_color=“blue” /> 演示效果： 使用HEX效果： 2.4 text_font | 属性名称 | 中文描述 | 取值 | 取值说明 | 使用案例 | | — | — | — | — | — | | text_font | 字体 | sans-
2024鸿蒙开发面试题
甄兴旺的博客
08-06 1023
答：方法一：可以通过getInspectorByKey获取指定id组件的所有属性，getInspectorByKey的返回结果是组件属性列表的JSON字符串，解析字符串后获取其rect属性，rect属性是一个长度为2的数组，数组的第一个值是组件左上角的坐标，第二个值是组件右下角的坐标，因此我们也可以获取组件的中心坐标和组件的长宽。user_grant指的是用户授权类型，在该类型的权限许可下，应用被允许访问的数据将会涉及到用户或设备的敏感信息，应用被允许执行的操作可能对系统或者其他应用产生严重的影响。
鸿蒙系统开发面试宝典-技术要点解析
鸿蒙系统（HarmonyOS）是华为自主研发的操作系统，旨在跨越不同的设备和平台，实现无缝的跨设备体验。开发者可以利用鸿蒙系统的分布式特性，开发出创新的应用程序。 在面试准备过程中，了解鸿蒙系统的基本概念、...
鸿蒙开发2年工作经验的面试题
shudaoshanQAQ的博客
02-25 3228
鸿蒙（HarmonyOS）作为华为公司自主研发的全场景分布式操作系统，受到了广泛关注。
2024鸿蒙一面面试题和答案.pdf
03-28
2024鸿蒙一面面试题和答案.pdf
2024 财源（裁员）广进（鸿蒙开发岗）~，HarmonyOS鸿蒙面试宝典2024
2401_84150302的博客
04-14 1262
学习路线图中的每一个技术点都能够紧贴企业需求，经过多次真实实践，每一个知识点、每一个项目，都是码牛课堂鸿蒙研发团队精心打磨和深度解析的成果，注重对学生的细致教学，每一步都确保学生能够真正理解和掌握。路线图将包含完全基于鸿蒙内核开发的应用，比如一次开发多端部署、自由流转、元服务、端云一体化等，多方位的学习内容让学生能够高效掌握鸿蒙开发，少走弯路，真正理解并应用鸿蒙的核心技术和理念。其实，我很能理解他们，大环境先不说，就勤勤恳恳工作了几年甚至十几年，如今却落得“扫地出门”的下场，心里肯定是憋屈。
一份超详细的鸿蒙开发面经分享！上百道鸿蒙经典面试题整理~
maniuT的博客
04-18 4522
鸿蒙操作系统是华为公司于2019年8月9日在东莞举行的华为开发者大会（HDC.2019）上正式发布的操作系统。分布式技术：鸿蒙操作系统采用分布式技术，能够将不同的设备连接在一起，实现设备之间的数据共享和协同工作。微内核架构：鸿蒙操作系统采用微内核架构，具有更高的安全性和稳定性。全场景支持：鸿蒙操作系统支持多种设备，包括手机、平板、智能穿戴设备、智能家居、车载等，实现了全场景覆盖。开放生态：鸿蒙操作系统是一个开放的生态系统，支持第三方应用开发者加入，为用户提供更多的应用和服务。
鸿蒙面试题
qq_36017595的博客
07-22 1027
鸿蒙状态管理–组件级别的状态管理有哪些 @State、 @Prop、 @Link、 @Provide和@Consume、@ObjectLink和@Observed@State装饰的变量，或称为状态变量，一旦变量拥有了状态属性，就可以触发其直接绑定UI组件的刷新。当状态改变时，UI会发生对应的渲染改变。在状态变量相关装饰器中，@State是最基础的，使变量拥有状态属性的装饰器，它也是大部分状态变量的数据源。
2024最新鸿蒙开发面试题合集(一)-HarmonyOS NEXT Release（API 12 Release）
最新发布
qq_43313093的博客
08-24 4220
前端卷的不行，岗位也少，花了一个星期把HarmonyOS应用开发者基础认证和HarmonyOS应用开发者高级认证拿下了，但是是纯应付考试，实际开发经验还不足，网上搜也搜不到鸿蒙的面试题，有也是用AI瞎吉儿写的，不得已面了几家整理了下面试题和自己找的答案，除了概念性内容不要硬背，理解为主。希望鸿蒙开发能救我一条狗命吧/(ㄒoㄒ)/~~有大佬内推的请悄咪咪的联系我哦。
鸿蒙系统面试,【业内消息】谈谈鸿蒙操作系统
weixin_28836989的博客
05-27 910
该楼层疑似违规已被系统折叠隐藏此楼查看此楼谢邀。先滑稽保命。(提示：此文有加密内容)以下内容为全网独家消息，转述自项目相关员工，信息量远高于各路KOL，自媒体。华为的技术一直都还可以，这次发布会的问题是没有请项目负责人来讲解，余本身也多年不碰技术，让他讲ppt，其实不是个正确选择。正好我周围有几个华为的朋友，工作跟鸿蒙相关。前后问了很多东西，很涨姿势，这里分享给大家。都是要公开的东西，也不存在泄...
深度探讨鸿蒙工程师面试题
weixin_46969363的博客
01-10 1980
鸿蒙操作系统是一款面向全场景的分布式操作系统。应聘者需要清晰解释鸿蒙系统的整体架构，包括其内核、分布式能力、应用框架等组成部分，并深入探讨其设计理念，如何实现分布式能力和统一运营体验等。工程师需要简要介绍鸿蒙应用框架，包括应用模型、图形界面、数据管理等方面。此外，需要说明应用框架在应用开发中的作用，如何简化开发流程、提高开发效率等。
HarmonyOS（鸿蒙）(16)，20道高频面试题（含答案）
Python毕设源码程序王哥
04-09 2251
*[外链图片转存中…(img-pSEuASsI-1712670735169)][外链图片转存中…(img-YdzEvc58-1712670735169)][外链图片转存中…(img-nepl8egG-1712670735169)]
ArkTS开发的HarmonyOS聊天UI组件库
本资源涉及的聊天UI库是HarmonyOS系统下原生开发环境中的一个组件，它专门为即时通讯应用设计，提供了丰富的聊天界面和交互功能。 1. HarmonyOS组件概述 HarmonyOS组件是构成HarmonyOS应用的基本单位，具有独立的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

笔触狂放

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值