建立网站平台需要那些技术,青岛网站推广系统,流量平台都有哪些,自适应响应式网站源码【关键字】
HarmonyOS、低代码平台、组件拖拽、代码编辑器 1、写在前面
本篇接着上一篇的内容来介绍#xff0c;继续来看我们的登录页面的下半部分的使用#xff0c;本篇会介绍按钮组件、单选框组件的拖拽使用#xff0c;还会介绍代码编辑器的使用#xff0c;最后会完成登…【关键字】
HarmonyOS、低代码平台、组件拖拽、代码编辑器 1、写在前面
本篇接着上一篇的内容来介绍继续来看我们的登录页面的下半部分的使用本篇会介绍按钮组件、单选框组件的拖拽使用还会介绍代码编辑器的使用最后会完成登录页面点击事件的逻辑处理下面跟着我的脚步继续前进吧 2、开发实战
2.1、按钮
从组件库中拖拽一个按钮组件到画布中设置宽80%、高45vp字体大小18fp按钮可以设置按钮样式这里我们设置的是胶囊型按钮的样式然后设置上外边距80vp使用起来较为简单如下图所示 2.2、单选框
页面最底部我们设计一个隐私协议的选中按钮首先拖拽一个横向容器设置宽80%、高50vp主轴和交叉轴对齐方式都是居中对齐设置上外边距为180vp这个外边距可以根据实际情况调整我们调整到大致在页面底部即可。
在横向容器内部拖入一个单选框和一个文本单选框设置宽高都是20vp注意如果有多个单选框属性栏中的群组名称需要保持一致因为一组里面只能有一个单选框被选中。文本组件我们设置一下文本内容宽高设置的自动即根据文本内容填充操作步骤如下
2.3、业务逻辑处理
到这里我们的页面布局就已经完成了接下来处理页面的逻辑。
当我们点击登录按钮时先判断一下下方的单选框是否有被选中如果未选中不能进行登录逻辑的执行要先去阅读隐私协议选中之后点击登录可以继续执行登录的逻辑。
为了实现这种效果我们需要借助一定的代码进行实现。
首先点击变量管理创建一个布尔类型的变量用来记录是否选中的状态如下图所示
然后来编写两段代码分别用来处理单选框选中的逻辑和点击登录按钮的逻辑
点击登录代码 单选框选中的代码 最后为单选框组件及登录按钮绑定相关事件 到这里整个逻辑已经处理完成最后来看一下咱们的实现效果吧 OK通过两篇内容把登录页面的设计介绍完了咱们下期再会吧
