鸿蒙HarmonyOS(ArkTS)学习——登录界面的绘制（简易）

置顶

瑶梨

已于 2023-01-31 13:58:37 修改

阅读量3.1k

点赞数 2

分类专栏：鸿蒙笔记文章标签： harmonyos 华为

于 2023-01-30 17:32:42 首次发布

本文链接：https://blog.csdn.net/qq_47122495/article/details/128806163

版权

本文介绍了如何使用HarmonyOS的ArkTS进行登录界面的简易绘制，详细探讨了鸿蒙系统中界面设计的基本步骤和技术要点。

摘要由CSDN通过智能技术生成

鸿蒙HarmonyOS(ArkTS)学习——登录界面的绘制（简易）

用常用组件制作一张登录界面

@Entry
@Component
struct Index {
   
  @State message: string = 'Hello World'

  build() {
   
    Row() {
   
      Column() {
   
        Image($r('app.media.header'))
          .height(150)
          .width(150)
          .margin({

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

瑶梨

关注关注

2
点赞
踩
38

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

100天精通鸿蒙从入门到跳槽——第17天：ArkTS循环渲染使用教程

猫头虎：授渔优于赠鱼，兴趣引领智慧，探索之乐尤显珍贵。商务合作：Libin9iOak，共赴知识与乐趣的探索之旅！

01-28

5万+

在本文中，我们将深入探讨HarmonyOSArkTS循环渲染。我们将介绍循环渲染的概念、应用场景以及如何在ArkTS中实现循环渲染。通过本文，你将对HarmonyOS应用开发中的性能优化和用户体验提升有更深入的理解。循环渲染是指在应用程序中重复执行某个操作或更新界面的过程。在HarmonyOS中，通过使用ArkTS的循环语句，开发者可以实现高效的界面更新和数据处理，以提供流畅的用户体验。循环渲染是HarmonyOS应用开发中的一个重要知识点，它可以实现高效的界面更新和数据处理，提供流畅的用户体验。通过使用。

002 学习鸿蒙应用开发ArkTs语言

热门推荐

龚礼鹏的博客

04-19

1万+

ArkTs是目前鸿蒙开发的主要语言，目前鸿蒙的主推模型Stage的新版本(3.1.0(API 9))开发不支持Java和JavaScript了，所以开发鸿蒙应用学习ArkTs是很有必要的。5分钟上手TypeScript · TypeScript中文网 · TypeScript——JavaScript的超集。

参与评论您还未登录，请先登录后发表或查看评论

HarmonyOS开发之ArkTS使用—系统布局构建登陆页面

m0_64422261的博客

06-04

699

UI布局是前端技术基础技能，给入门的演示下一些基本用法，提供个简单示例，上述示例主要是UI控件(图片，文本，按钮，输入框)，和Row/Column布局的组合使用。

HarmonyOS Next 实现登录注册页面(ARKTS) 并使用Springboot作为后端提供接口

m0_56315670的博客

03-03

7655

鸿蒙，arkts,arkui

【鸿蒙实战开发】HarmonyOS应用开发-低代码开发登录页

HarmonyOS007的博客

08-07

950

本篇文章我来手把手教大家做一个HarmonyOS 应用的登录页面，逐步讲解，非常细致，百分百能学会，并提供全部源码。页面使用 DevEco Studio 的低代码开发。通过本文的实践经验，我想告诉大家， HarmonyOS 应用开发其实并不难，只要了解具体的开发流程和开发思想，大家都可以很快上手。

鸿蒙实战开发-使用常用组件与布局实现登录、首页、我的三个页面

2401_82546228的博客

03-29

5911

HarmonyOS ArkUI提供了丰富多样的UI组件，您可以使用这些组件轻松地编写出更加丰富、漂亮的界面。在本篇Codelab中，您将通过一个简单的购物社交应用示例，学习如何使用常用的基础组件和容器组件。

【鸿蒙】HarMonyOS的UI组件学习三之登录页面

笔触狂放的博客

06-16

3595

各位正在努力奋斗，努力学习的开发者大家好，最近工作比较忙，没有更新文章，今天分享一个鸿蒙系统的登录页面的效果。

鸿蒙应用开发 | 曝光一个使用鸿蒙系统开发的知乎登录界面

06-27

1044

导语：大家好，我是你们的朋友朋哥，今天来一个页面的实战，之前讲了几个组件和布局，所以今天来一个登录页面的开发。上一篇原创文章解读了鸿蒙应用开发 | 按钮（Button）组件的功能与用法。老规矩看完练习一下，不联系理解不到位。今天不讲新东西，把之前学习的东西总结一下，实战一下，今天来开发一个知乎的登录界面。下面我们开始今天的文章，还是老规矩，通过如下几点来说： 1，用到的组件 2，代码讲解 3，效果用到的组件看看上面的效果。一个完整的登录界面，后面...

ArkTS登录页面

qq_53498382的博客

06-02

367

Button('立即登录',{type:ButtonType.Normal})TextInput({placeholder:'手机号/邮箱'})TextInput({placeholder:'密码'})Text('密码登录')

页面学习——鸿蒙登录页面设计

cmmboy1990的博客

07-26

3386

页面学习——鸿蒙登录页面设计 1.布局文件 <?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:alignment="vertical_center" ohos:backgrou

鸿蒙HarmonyOS APP开发入门3——组件（九按钮组件）——Button组件

itcyy的博客

04-18

1873

鸿蒙HarmonyOS APP开发入门3——组件（九按钮组件）——Button组件文章目录鸿蒙HarmonyOS APP开发入门3——组件（九按钮组件）——Button组件11.Button按钮组件组件说明创建Button响应点击事件不同类型的按钮普通按钮椭圆按钮胶囊按钮圆形按钮场景示例源码示例： 11.Button按钮组件组件说明 Button是一种常见的组件，点击可以触发对应的操作，通常由文本或图标组成，也可以由图标和文本共同组成。我们在开发中最常用到的一个组件。创建Button 在lay

从零开发HarmonyOS（鸿蒙）手机小游戏——数字华容道

weixin_52542088的博客

12-20

6614

HarmonyOS（鸿蒙）手机第一个小游戏app——数字华容道前言概述正文创建项目实现初始界面布局实现数字的随机打乱实现滑动或点击调换数字实现游戏成功界面源代码结语前言 2月16号HarmonyOS2.0手机开发者Beta版已经发布了，作为“1+8+N”战略的重要入口和生态核心，怎么能少得了手机应用开发呢，今天将由深鸿会深大学习小组（Zzt_01-23）从零基础开发第一个HarmonyOS手机小游戏——数字华容道（界面略丑陋，大佬别喷），此前已经在运动手表上成功开发了：HarmonyOS运动手表游戏合并、

鸿蒙开发--登录界面

m0_63035851的博客

12-03

679

【代码】鸿蒙开发--登录界面。

鸿蒙OS应用开发之登录界面

大坡3D软件开发

12-14

522

在前面学习了输入文本组件和按钮组件，可以使用这两种组件来实现一些常用的功能，比如登录界面，这种界面是每个程序员经常会到遇到的，比如让用户输入用户名称和密码。在这里又由于需要获取界面输入的值，需要响应事件onChange，把用户输入的内容保存在this.username里，以便后面使用。在上面界面里，第一个文本框用来输入用户名称，第二个用来输入用户密码，当用户输入完成之后，就可以点击后面的按钮进行登录。这样在onClick事件里就可以使用用户名称和用户密码，这样就可以向远程服务器进行请求登录验证。

鸿蒙实现“登录”页面