HarmonyOS引导页登陆页以及tabbar的代码说明1

效果

以下代码是东拼西凑出来的。只是为了个人熟悉一下相关模块的使用:
用的知识点:

  • Resouces 此部分分内容可以在项目中找到:
    在这里插入图片描述
    resources/base/element/color.json 为项目着色配置,当然也可以正接在代码里写
    float.json 为相关控件的长度宽度配置 ,也可以在代码里直接写
    string.json 为整个项目的文字提示一类的配置,中英文无所谓。因为在en_Us zh_CN的 element 里也有string这样可以进行本地化。同时这三个json里的配置 要一样,只不过value不一样。
    media里存放相关的图片:在这里插入图片描述
    代码调用可以用 $r(‘app.media.about’)进行调用,如果不为png则加上后缀。当然不只存文图片文件,视频音频都可以。
    resources/base/profile/main_pages.json 存放的是你的pages里的页面。则下面的配置我们的项目只有三个页面,同时启动页为SplashScreenPage,长子长孙,他们为老大。
{
   
  "src": [
    "pages/SplashScreenPage",
    "pages/LoginPage",
    "pages/MainPage"
  ]
}

rawfile文件是另一种存放的本地文件,调用方式为: Image($rawfile(‘discover_normal.png’)),要加后缀

  • 代码结构说明
    在这里插入图片描述
    这里的EntryAbility.ts是项目工具生成的。没有改过 。标红的是我们自己开发的页面。

相关推荐

  1. Blazor Web登录

    2023-12-22 01:06:03       41 阅读
  2. 算法以及例题

    2023-12-22 01:06:03       65 阅读
  3. python代码截取任意pdf

    2023-12-22 01:06:03       45 阅读
  4. 使用intro.js实现web页面引导

    2023-12-22 01:06:03       39 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2023-12-22 01:06:03       91 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2023-12-22 01:06:03       97 阅读
  3. 在Django里面运行非项目文件

    2023-12-22 01:06:03       78 阅读
  4. Python语言-面向对象

    2023-12-22 01:06:03       88 阅读

热门阅读

  1. vue跳转方式

    2023-12-22 01:06:03       62 阅读
  2. HarmonyOS开发(十二):ArkTS组件通用事件

    2023-12-22 01:06:03       47 阅读
  3. LeetCode解法汇总2866. 美丽塔 II

    2023-12-22 01:06:03       68 阅读
  4. armv8-a 介绍

    2023-12-22 01:06:03       48 阅读
  5. 肺癌相关知识

    2023-12-22 01:06:03       50 阅读
  6. 解决MyBatis-Plus 更新字段为null 不生效

    2023-12-22 01:06:03       55 阅读
  7. QT计算时间差 秒 毫秒 (另附c++版本)

    2023-12-22 01:06:03       53 阅读
  8. 在 Mac 上使用 Python

    2023-12-22 01:06:03       60 阅读