【HarmonyOS开发】案例-记账本开发

最新推荐文章于 2024-04-30 17:36:09 发布
最新推荐文章于 2024-04-30 17:36:09 发布
阅读量1.1k 收藏 14
点赞数 7
分类专栏： HarmonyOS 总结 文章标签： harmonyos 华为
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_23334071/article/details/135285135
版权

图片

OpenHarmony最近一段时间，简直火的一塌糊度，学习OpenHarmony相关的技术栈也有一段时间了，做个记账本小应用，将所学知识点融合记录一下。

1、记账本涉及知识点

  •     基础组件（Button、Select、Text、Span、Divider、Image）、容器（Row、Flex、List、Grid、Column）、定位（position）、路由（router）、Toast（promptAction）、Web组件；
  •     自定义弹窗（@CustomDialog）；
  •     分布式键值数据库（@ohos.data.distributedKVStore）；
  •     Web组件；
  •     OpenHarmony三方库；

2、效果预览

图片

  

图片

图片

  

图片

3、功能点实现简介

3.1 自定义弹窗


// 自定义弹窗定义
@CustomDialog
struct CustomDialogSetting {
  // 双向绑定传值
  @Link settingBudgetValue: string
  // 弹窗控制器，控制打开/关闭，必须传入，且名称必须为：controller
  controller: CustomDialogController
  // 弹窗中的按钮事件
  cancel: () => void
  confirm: () => void

  // 弹窗中的内容描述
  build() {
    Column() {
      Text($r('app.string.budget_setting'))
        .fontSize(18)
        .fontWeight(FontWeight.Bold)
        .margin(12)
        .textAlign(TextAlign.Center)
        .width("100%")
      TextInput({
        placeholder: $r('app.string.estimated_amount_tips'),
        text: this.settingBudgetValue
      })
        .type(InputType.Number)
        .height(60)
        .width('90%')
        .onChange((value: string) => {
          this.settingBudgetValue = value
        })
      Flex({ justifyContent: FlexAlign.SpaceAround }) {
        Button($r('app.string.cancel'))
          .onClick(() => {
            this.settingBudgetValue = ''
            this.controller.close()
            this.cancel()
          }).backgroundColor(0xffffff).fontColor(Color.Black)
        Button($r('app.string.confirm'))
          .onClick(() => {
            this.controller.close()
            this.confirm()
          }).backgroundColor(0xffffff).fontColor(AccountBookConstant.FONT_COLOR_BLUE)
      }.margin(15)
    }
  }
}
// 使用自定义弹窗
dialogController: CustomDialogController = new CustomDialogController({
    builder: CustomDialogSetting({
      cancel: this.onCancel.bind(this),
      confirm: this.onAccept.bind(this),
      settingBudgetValue: $settingBudgetValue
    }),
    cancel: this.onCancel,
    autoCancel: true,
    alignment: DialogAlignment.Center,
    gridCount: 4,
    customStyle: false
})

// 开启弹窗
this.dialogController.open()

3.2 悬浮按钮

// 设置按钮， 通过position进行绝对定位
Button({  stateEffect: true }){
  Image($rawfile('setting.svg')).width(22).height(22)
}.width(42).height(42)
.borderRadius(90)
.shadow({ radius: 10, color: Color.Gray, offsetX: 5, offsetY:5 })
.position({ x: '98%', y: '98%' })
.markAnchor({ x: '98%', y: '98%'})
.margin(10).backgroundColor('#67C23A')
.onClick(() => {
  if (this.dialogController != undefined) {
    this.dialogController.open()
  }
})

3.3  数据存储

// 定义键值对存储类

import distributedKVStore from '@ohos.data.distributedKVStore';

const BUNDLE_NAME = "baseInfo"

let context = getContext(this)
// 数据库对象
let kvManager: distributedKVStore.KVManager | undefined = undefined;
// KVStore数据库
let kvStore: distributedKVStore.SingleKVStore | undefined = undefined;

class DistributedUtil {
  constructor() {
    this.createKeyValueDB();
  }
  async getKvManager(bundleName?: string) {
    const kvStoreConfig: distributedKVStore.KVManagerConfig = {
      context: context,
      bundleName: bundleName || BUNDLE_NAME
    };
    try {
      kvManager = distributedKVStore.createKVManager(kvStoreConfig);
    }
    catch (err) {
      console.error(`error:${err}`)
    }
  }

  // 创建并得到指定类型的KVStore数据库
  async createKeyValueDB(op?: distributedKVStore.Options) {
    if (!kvManager) {
      await this.getKvManager();
    }
    try {
      const options: distributedKVStore.Options = {
        // 当数据库文件不存在时是否创建数据库，默认为true
        createIfMissing: true,
        // 设置数据库文件是否加密，默认为false，即不加密
        encrypt: false,
        // 设置数据库文件是否备份，默认为true，即备份
        backup: false,
        // 设置数据库文件是否自动同步。默认为false，即手动同步
        autoSync: true,
        // kvStoreType不填时，默认创建多设备协同数据库
        kvStoreType: distributedKVStore.KVStoreType.SINGLE_VERSION,
        // 多设备协同数据库：kvStoreType: distributedKVStore.KVStoreType.DEVICE_COLLABORATION,
        securityLevel: distributedKVStore.SecurityLevel.S1
      };
      kvManager.getKVStore<distributedKVStore.SingleKVStore>('storeId', op || options, (err, store: distributedKVStore.SingleKVStore) => {
        if (err) {
          console.error(`Failed to get KVStore: Code:${err.code},message:${err.message}`);
          return;
        }
        console.info('Succeeded in getting KVStore.');
        kvStore = store;
      });
    } catch (e) {
      console.error(`An unexpected error occurred. Code:${e.code},message:${e.message}`);
    }
    return kvStore;
  }

  // 删除指定键值的数据
  async deleteStoreData(key: string) {
    if (!kvStore) {
      return;
    }

    try {
      kvStore.delete(key, (err) => {
        if (err !== undefined) {
          console.error(`Failed to delete data. Code:${err.code},message:${err.message}`);
          return;
        }
        console.info('Succeeded in deleting data.');
      });
    } catch (e) {
      console.error(`An unexpected error occurred. Code:${e.code},message:${e.message}`);
    }
  }

  // 向键值数据库中插入数据
  async putStoreData(key: string, value: any) {
    if (!key || !value) {
      return
    }

    if(!kvStore) {
      kvStore = await this.createKeyValueDB();
    }

    try {
      kvStore.put(key, value, (err) => {
        if (err !== undefined) {
          console.error(`Failed to put data. Code:${err.code},message:${err.message}`);
          return;
        }
        console.info('Succeeded in putting data.');
      });
    } catch (e) {
      console.error(`putStoreData===>An unexpected error occurred. Code:${e.code},message:${e.message}`);
    }
  }

  // 获取指定键的值
  async getStoreData(key: string) {
    if (!key) {
      return
    }

    if(!kvStore) {
      kvStore = await this.createKeyValueDB();
    }

    return new Promise((resolve, reject) => {
      try {
        kvStore.get(key, (err, data) => {
          if (err != undefined) {
            console.error(`Failed to get data. Code:${err.code},message:${err.message}`);
            reject(err)
            return;
          }
          resolve(data)
        });
      } catch (err) {
        reject(err)
        console.error('TAG-getStoreData', `Failed to get value, Cause: ${err}`)
      }
    });
  }
}

export default new DistributedUtil();
// 使用键值对存储
import distributedUtil from '../../common/distributedStrong'
// 1、增加
distributedUtil.putStoreData('amountRecords', JSON.stringify(dataArray))
// 2、 获取
distributedUtil.getStoreData('amountRecords').then((res: string) => {
  if(res) {
    const result = JSON.parse(res)
    // 处理存储的图片资源，会自动转换为id的形式，无法直接获取展示
    result.map(item => {
      item.icon = $rawfile(item.icon.params[0])
      return item
    })
    this.recordsArray = result
  }
})

3.4 统计图表

3.4.1 定义本地html文件

在resources下创建rawfile文件夹，增加chart.html文件

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>柱状图示例</title>
    <script src="./js/echarts5.4.0.js"></script>
</head>
<body>
<h1>本月支出</h1>
<div id="chartBarContainer" style="width: 400px; height: 300px;"></div>

<div id="chartPieContainer" style="width: 400px; height: 300px;"></div>

</body>
<script>
    function initBarChart(chartData) {
      const data = JSON.parse(chartData);

      var chartContainer = document.getElementById('chartBarContainer');
      var chart = echarts.init(chartContainer);

      var option = {
        tooltip: {
          trigger: 'axis',
          axisPointer: {
            type: 'shadow'
          }
        },
        xAxis: {
          type: 'category',
          data: data.xAxisData
        },
        yAxis: {
          type: 'value'
        },
        series: [{
          data: data.seriesData,
          type: 'bar',
          showBackground: true,
          stack: 'Total',
          label: {
            show: true,
            position: 'top'
          },
          emphasis: {
            itemStyle: {
              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                { offset: 0, color: '#2378f7' },
                { offset: 0.7, color: '#2378f7' },
                { offset: 1, color: '#83bff6' }
              ])
            }
          },
          itemStyle: {
            borderRadius: [25, 25, 0, 0],
            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
              { offset: 0, color: '#83bff6' },
              { offset: 0.5, color: '#188df0' },
              { offset: 1, color: '#188df0' }
            ])
          }
        }]
      };

      chart.setOption(option);
    }

    function initPieChart(chartData) {
      const data = JSON.parse(chartData);

      var chartContainer = document.getElementById('chartPieContainer');
      var chart = echarts.init(chartContainer);

      var option = {
        tooltip: {
          trigger: 'item'
        },
        legend: {
          show: false,
          top: '5%',
          left: 'center'
        },
        series: [{
          data: data.seriesData,
          type: 'pie',
          radius: ['40%', '70%'],
          avoidLabelOverlap: false,
          itemStyle: {
            borderRadius: 10,
            borderColor: '#fff',
            borderWidth: 2
          },
          startAngle: 180,
          labelLine: {
            show: true,
            length: 20, // 标签线的长度
            length2: 50 // 标签线的第二段长度
          },
          emphasis: {
            label: {
              show: true,
              fontSize: 40,
              fontWeight: 'bold'
            }
          },
          labelLine: {
            show: false
          }
        }]
      };

      chart.setOption(option);
    }
</script>
</html>

3.4.2 Web组件使用本地文件

import web_webview from '@ohos.web.webview'

@Entry
@Component
struct Chart {
    controllerWeb: web_webview.WebviewController = new web_webview.WebviewController()
    
    build() {
        Web({ src: $rawfile('barChart.html'), controller: this.controllerWeb })
    }
}

3.4.3 Web组件向H5页面传值，调用H5中的方法

// 初始化柱状图
const codeJS = `
  initBarChart('${JSON.stringify(this.chartBarData)}')
`
this.controllerWeb.runJavaScript(codeJS)

3.4.4 完整调用代码

import web_webview from '@ohos.web.webview'
import router from '@ohos.router';

interface ChartDataType {
  xAxisData?: Array<string | number>;
  seriesData?: Array<string | number | any>;
}

@Entry
@Component
struct BarChart {
  controllerWeb: web_webview.WebviewController = new web_webview.WebviewController()
  private chartBarData: ChartDataType = {
    xAxisData: ['餐饮', '购物', '教育', '生活', '宠物', '运动', '娱乐', '其他'],
    seriesData: [10, 20, 15, 30, 10, 20, 15, 30],
  }

  private chartPieData: ChartDataType = {
    seriesData: [
      { value: 10, name: '餐饮' },
      { value: 20, name: '购物' },
      { value: 15, name: '教育' },
      { value: 30, name: '生活' },
      { value: 10, name: '宠物' },
      { value: 20, name: '运动' },
      { value: 15, name: '娱乐' },
      { value: 30, name: '其他' },
    ],
  }

  build() {
    Column() {
      Row() {
        Button() {
          Image($rawfile('icon_back.png')).width(18)
        }
        .backgroundColor(Color.Transparent)
        .padding(10)
        .onClick(() => router.back())

        Text('图表分析').fontSize(20).fontWeight(FontWeight.Bold)
      }
      .padding(10)
      .justifyContent(FlexAlign.SpaceBetween)
      .width('100%')
      Web({ src: $rawfile('barChart.html'), controller: this.controllerWeb })
        .verticalScrollBarAccess(true)
        .javaScriptAccess(true)
        .onPageEnd(() => {
          // 初始化柱状图
          const codeJS = `
            initBarChart('${JSON.stringify(this.chartBarData)}')
          `
          this.controllerWeb.runJavaScript(codeJS)

          // 初始化饼图
          const codeJSPie = `
            initPieChart('${JSON.stringify(this.chartPieData)}')
          `
          this.controllerWeb.runJavaScript(codeJSPie)
        })
    }.width('100%').height('100%')
  }
}

3.4.5 传值注意点总结

  • 传递数据需要通过 JSON.stringify() 转换为字符串；
  • 传递的参数必须使用引号包裹，否则无法调用到H5中的方法；
  • H5中使用传过来的数据，同理，需要使用 JSON.parse() 进行转换；

3.5  自定义键盘

使用Grid布局，通过rowStart、rowEnd、columnStart、columnEnd进行单元格合并。或者使用column和row布局，循环即可。

参考：https://gitee.com/harmonyos/codelabs/tree/master/SimpleCalculator

Grid() {
  GridItem() {
    this.GridItemButtonBuilder('7')
  }.gridItemStyle().onClick(() => { this.clickBtn(7) })
  GridItem() {
    this.GridItemButtonBuilder('8')
  }.gridItemStyle().onClick(() => { this.clickBtn(8) })
  GridItem() {
    this.GridItemButtonBuilder('9')
  }.gridItemStyle().onClick(() => { this.clickBtn(9) })
  GridItem() {
    Text(this.time).backgroundColor(Color.White).width('100%').height('100%').textAlign(TextAlign.Center)
  }.gridItemStyle()

  GridItem() {
    this.GridItemButtonBuilder('4')
  }.gridItemStyle().onClick(() => { this.clickBtn(4) })
  GridItem() {
    this.GridItemButtonBuilder('5')
  }.gridItemStyle().onClick(() => { this.clickBtn(5) })
  GridItem() {
    this.GridItemButtonBuilder('6')
  }.gridItemStyle().onClick(() => { this.clickBtn(6) })
  GridItem() {
    this.GridItemButtonBuilder('remove')
  }.gridItemStyle().onClick(() => { this.clickBtn('remove') })

  GridItem() {
    this.GridItemButtonBuilder('1')
  }.gridItemStyle().onClick(() => { this.clickBtn('1') })
  GridItem() {
    this.GridItemButtonBuilder('2')
  }.gridItemStyle().onClick(() => { this.clickBtn('2') })
  GridItem() {
    this.GridItemButtonBuilder('3')
  }.gridItemStyle().onClick(() => { this.clickBtn('3') })
  GridItem() {
    this.GridItemButtonBuilder('保存', '#409EFF')
  }.rowStart(2).rowEnd(3).columnStart(3).columnEnd(4).onClick(() => { this.clickBtn('save') })

  GridItem() {
    this.GridItemButtonBuilder('清空')
  }.gridItemStyle().onClick(() => { this.clickBtn('clear') })
  GridItem() {
    this.GridItemButtonBuilder('0')
  }.gridItemStyle().onClick(() => { this.clickBtn('0') })
  GridItem() {
    this.GridItemButtonBuilder('.')
  }.gridItemStyle().onClick(() => { this.clickBtn('.') })
}
.height(220)
.columnsTemplate('1fr 1fr 1fr 1fr')
.rowsTemplate('1fr 1fr 1fr 1fr')
.rowsGap(0)
.margin({ top: 0 })

4、扩展（如何使用基础组件自定义柱状图）

  • 使用Stack容器进行堆叠
  • 通过Rect绘制柱子
  • 通过Divider绘制分割线

    一个简单的柱状图就完成了，具体可以参考健康生活，希望ArkUI可以早日集成Echarts类似的图表组件，JS版本的有Chart组件，ArkTs的还未集成，期待官方❤️❤️❤️

@Builder
content(item: OneMealStatisticsInfo) {
  Column() {
    if (item.totalFat > 0) {
      Rect({ width: 14, height: item.totalFat / 200 + 14, radius: 7 }).fill('#FD9A42')
        .padding({ top: 14 })
        .margin({ bottom: -28 })
    }
    if (item.totalProtein > 0) {
      Rect({ width: 14, height: item.totalProtein / 200 + 14, radius: 7 })
        .fill('#FBD44E')
        .padding({ top: 14 })
        .margin({ bottom: -21 })
    }
    if (item.totalCarbohydrates > 0) {
      Rect({ width: 14, height: item.totalCarbohydrates / 200 + 14, radius: 7 }).fill('#73CD57')
        .padding({ top: 7 })
        .margin({ bottom: -7 })
    }
  }.clip(true)
 }
    
@Builder
legendComponent(item: HistogramLegend) {
  Text(item.value).fontSize(12).fontColor('#18181A').fontFamily('HarmonyHeTi')
}
  
@Component
struct Histogram {
  @Consume("dietData") dietData: Array<OneMealStatisticsInfo>
  @BuilderParam content?: (item: OneMealStatisticsInfo) => void
  @BuilderParam legendComponent?: (item: HistogramLegend) => void
  private title: string | Resource = ''
  private legend: HistogramLegend[] = []

  build() {
    Column() {
      Text(this.title)
        .textAlign(TextAlign.Start)
        .fontSize(24)
        .fontColor('#000000')
        .fontFamily('HarmonyHeTi-Medium')
        .width('100%')
        .height(46)

      Stack({ alignContent: Alignment.Bottom }) {
        Column() {
          ForEach([0, 0, 0, 0, 0, 0], () => {
            Divider()
              .strokeWidth(1)
              .color('#D8D8D8')
          })
        }
        .height('100%')
        .margin({ top: 20 })
        .justifyContent(FlexAlign.SpaceBetween)

        Column() {
          Flex({ direction: FlexDirection.Row, justifyContent: FlexAlign.SpaceEvenly, alignItems: ItemAlign.Start }) {
            ForEach(this.dietData, (item: OneMealStatisticsInfo) => {
              if (item.mealFoods.length > 1) {
                Column() {
                  if (this.content !== undefined) {
                    this.content(item)
                  }
                  Text(item.mealTime.name).fontSize(14)
                    .fontColor('#7E7E7E')
                    .fontFamily('HarmonyHeTi')
                    .margin({ top: 10 })
                }
                .justifyContent(FlexAlign.End)
                .height('100%')
              }
            })
          }
        }
        .height(236)
      }
      .height(190)

      Row() {
        ForEach(this.legend, (item: HistogramLegend) => {
          Row() {
            Rect({ width: 9, height: 9, radius: 9 }).fill(item.color).margin({ right: 18 })
            if (this.legendComponent !== undefined) {
              this.legendComponent(item)
            }
          }
        })
      }
      .justifyContent(FlexAlign.SpaceEvenly)
      .width('100%')
      .margin({ top: 70 })
    }
    .height('100%')
    .padding({ left: 32, right: 32 })
    .borderRadius(12)
    .backgroundColor('#FFFFFF')
  }
}

后面计划基于canvas基础组件实现一个柱状图，不断学习，期望鸿蒙不断强大完善。

兵腾傲宇
关注
  • 7
    点赞
  • 踩
  • 14
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
专栏目录
基于鸿蒙系统开发记事本设计与实现源码(毕设项目).zip
08-09
基于鸿蒙系统开发记事本设计与实现源码(毕设项目) 【项目介绍】 该资源内项目代码都是经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载使用，也适合小白学习进阶， 或者实际项目借鉴参考！ 当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。如果基础还行，也可在此代码基础上进行修改，以实现其他功能。 用华为提供的ide打开ToDoListApplication ide下载地址 https://developer.harmonyos.com/ 更改时需要了解的文件夹 \entry\src\main \java\com\example\todolistapplication \Item ............................可能用到的数据类 \slice .............................页面类 \Utils .............................工具类 \*DataAbility.java.......提供数据库服务的类(表结构也在里面 \*Ability.java................初始化Ability用的，不要管 \resources\base \graphic.........................UI组件背景所有xml \layout...........................页面xml \media............................所用素材
软件开发课程作业-记账APP
01-15
软件开发课程作业-记账APP，安卓，Android-studio或Eclipse均可编程，内附详细代码和课程实验报告。
Android应用开发---记账本源码.zip
12-28
源码参考，欢迎下载
微信小程序开发-记账统计案例源码.zip
08-15
微信小程序开发-记账统计案例源码.zip
Android开发-Letian记账APP
03-10
APP的名字为“乐天记账”，该款App主要实现的功能有：对日常开销、账单等基本信息进行管理，包括账单信息的添加、删除、修改、查询、数据统计和可视化等，同时加入了新闻模块和天气模块，可直接通过该款App浏览今日新闻、天气等信息。 apk文件可直接手机装机运行。 开发环境：Win10、Android Studio 3.6、Gradle 6.6、雷电模拟器4.0 三方模拟器连接可参考：https://blog.csdn.net/MrMyGod/article/details/104754281?spm=1001.2014.3001.5502
HarmonyOS应用开发--基于TextField和Image伪富文本的MyNotePad[便签][API V6]
TDTX博客
02-19 1380
HarmonyOS应用开发--基于TextField和Image伪富文本的MyNotePad[便签][API V6]1. 名称2. 功能描述3. app实现关键技巧  3.1 滑动笔记列表更改显示空间、左滑笔记条目显示删除按键右滑消失  3.2 点击“选择”每个笔记条目左侧出现选定框、同时下方显示“取消”与“删除”  3.3 搜索功能  3.4 伪富文本编辑功能（文本和图片） 1. 名称 将本次app命名为：MyNotePad
harmonyOS-基于鸿蒙开发的收支记账app.zip
01-20
鸿蒙系统 harmonyOS-基于鸿蒙开发的收支记账app.zip
鸿蒙笔记2
gshhsjdjs的博客
02-03 602
自用笔记
HarmonyOS应用开发第一次作业笔记
m0_61507413的博客
06-11 246
HarmonyOS应用开发第一次作业
www.harmonyos.com,极速上手HarmonyOS鸿蒙应用开发
weixin_39630855的博客
05-27 545
原标题：极速上手HarmonyOS鸿蒙应用开发作为一枚程序员，不得不亲自动手体验国产操作系统HarmonyOS(中文名鸿蒙)，话不多说，直接以最快的速度来一睹庐山真面目吧[可爱]首先登录鸿蒙官网下载DevEco Studio (https://www.harmonyos.com/cn/develop)，它是类似于Android Studio一样的集成开发工具，将创建工程、编码、编译、打包、签名、发...
全网最便宜的OpenHarmony开发板和模组Neptune问世(基于联盛德W800的SoC)，9.9元带蓝牙和wifi功能还包邮
独行猫a 的沉淀、积累、总结。天天学习，好好向上...c/c++,嵌入式 linux,Android,HarmonyOS)
10-14 7556
这是我见过的全网最便宜的开发板。功能一点儿也不弱，带蓝牙和wifi功能，竟只要9.9元还包邮，果断的买了块儿研究研究。它还支持HarmonyOS和freeRTOS嵌入式操作系统，也可以接入鸿蒙生态。 不得不说这么亲民的价格，没理由不尝试尝试。 比起stm32来，虽然没有强大的集成开发环境、仿真调试器和生态资源，但毕竟价格便宜。 刚开始开发起来是有点儿麻烦，有点儿像是刀耕火种。需在linux系统上搭建开发环境，使用工具链交叉编译，然后再通过工具下载烧录进去。总结下大致分三步，环境搭建、编译代码、固..
梅科尔工作室-李庆浩 鸿蒙前端笔记1
qq_62058931的博客
06-10 279
本文记录了初用deveco studio写鸿蒙前端时的一些笔记。
鸿蒙（HarmonyOS）北向开发项目编译问题汇总
m0_70748458的博客
04-26 474
之后直接运行，会报错，会说项目的API版本与设备的API版本不匹配，也就是P30 pro即使升级了鸿蒙 3.0，也不支持API8的项目运行，参考上面我们获得的p30pro的API等级是6，也就意味着，如果需要程序在P30pro上运行，我们必须选择API6开发。学习路线图中的每一个技术点都能够紧贴企业需求，经过多次真实实践，每一个知识点、每一个项目，都是码牛课堂鸿蒙研发团队精心打磨和深度解析的成果，注重对学生的细致教学，每一步都确保学生能够真正理解和掌握。自动获取设备签名后，运行如下。
鸿蒙学习1概况
最新发布
xianrenli38的博客
04-30 925
有时间多看官网，官网的才是一手资料。对比其他语言，以前学起来官网都在国外，不是打开不流畅，就是外语不精通。鸿蒙官网，母语学习自带buf，你懂的。——以前是没机会，现在想做个好人为什么刚开始学习就看概念，不应该是敲第一行代码么。没错。我是先把官网的第一课学了，并且通过了基础认证才想着写帖子总结下的。所以对于小白，还是可以先看官网的第一课的。非常基础的课程。毕竟，一开始没事瞎看看的。这不是裸辞在家，才有空写帖子呀。全局思维从整体看 鸿蒙应用。Stage模型概念清晰且重要。
鸿蒙内核源码分析(进程管理篇) | 谁在管理内核资源？
maniuT的博客
04-27 1123
的情况下 系统最多是64个进程，但有两个进程先被占用，用户态和内核态各一个，他们是后续创建进程的根，所以最多留给外面的只有 62个进程可创建，代码的最后两个根进程的task阻塞链表被清空了,因为没有阻塞任务当然要清空.进程创建或fork时，拿到该进程控制块后进入Init状态，处于进程初始化阶段，当进程初始化完成将进程插入调度队列，此时进程进入就绪状态。阻塞进程内的任意线程恢复就绪态时，进程被加入到就绪队列，同步转为就绪态，若此时发生进程切换，则进程状态由就绪态转为运行态。
HarmonyOS Next从入门到精通实战精品课
04-27 1040
Canvas完成矩形的绘制；华为闹钟的订阅和取消；华为闹钟的基本绘制；华为闹钟的时针-分针-秒针的绘制；华为闹钟的任务列表的样式；关于State的状态更新的须知；关于样式的简单介绍；关于vp和fp的介绍；知乎数据的真实的渲染；实现底部组件的封装；华为闹钟的添加闹钟；完成知乎小案例的UI布局；ForEach的商品列表案例；ForEach的商品列表的Grid布局；ForEach的key的一个简单介绍；Watch的刷题案例-做题的思路；State嵌套更新的实现方式；你画我猜的签字板实现；
汇智知了堂携手西华大学共探鸿蒙生态发展之路
qq_35254085的博客
04-26 274
同时，讲师还结合实际案例，分析了鸿蒙系统在智能终端、智能家居、智能交通等领域的具体应用，让师生们对鸿蒙生态的实用价值有了更加直观的感受。未来，汇智知了堂将继续秉承“用心成就你的IT梦”的品牌理念，加强与高校的合作与交流，推动产学研用深度融合，为培养更多高素质、高技能的人才贡献力量。在讲座现场，汇智知了堂的资深讲师以生动的语言和丰富的案例，为师生们详细介绍了鸿蒙生态的核心理念、技术架构以及未来发展趋势。讲师指出，鸿蒙系统作为华为自主研发的操作系统，在万物互联的时代背景下具有广阔的应用前景和巨大的发展潜力。
HarmonyOS 应用开发——入门
门徒07的博客
04-27 322
上文所述的装饰器仅能观察到第一层的变化，但是在实际应用开发中，应用会根据开发需要，封装自己的数据模型。对于多层嵌套的情况，比如二维数组，或者数组项class，或者class的属性是class，他们的第二层的属性变化是无法观察到的。@Link 子组件中被@Link装饰的变量与其父组件中对应的数据源建立双向数据绑定（只要是父组件引用了带有@link属性的）@State 状态变量，一旦变量拥有了状态属性，就和自定义组件的渲染绑定起来。不想花时间看，可以看我下面总结的干货，哈哈。
HarmonyOS开发案例：【使用List组件实现设置项】
m0_70748845的博客
04-27 1102
在本篇CodeLab中，我们将使用List组件、Toggle组件以及Router接口，实现一个简单的设置页，点击将跳转到对应的详细设置页面。
android记账app开发全过程,android开发实战-记账本APP（一）
05-22
本文主要介绍如何使用Android Studio开发一个简单的记账APP，实现基本的记账功能。 1. 界面设计 首先，我们需要设计APP的主界面。主界面分为两部分：顶部是一个日期选择器，下面是一个列表，用于显示当天的账单。 在Android Studio中，可以使用ConstraintLayout来布局界面。使用DatePicker控件来实现日期选择器，使用RecyclerView控件来实现列表。 2. 数据库设计 接下来，我们需要设计数据库来存储账单数据。使用SQLite数据库来存储数据。 设计数据表需要考虑以下几个方面： - 账单的类型（支出或收入） - 账单的金额 - 账单的时间 - 账单的备注 可以设计一个名为“bill”的数据表来存储账单数据。bill表的结构如下： CREATE TABLE bill ( id INTEGER PRIMARY KEY AUTOINCREMENT, type INTEGER NOT NULL, amount REAL NOT NULL, time INTEGER NOT NULL, remark TEXT ); 在bill表中，id字段是主键，自动递增；type字段表示账单的类型，0表示支出，1表示收入；amount字段表示账单的金额；time字段表示账单的时间，使用Unix时间戳来存储；remark字段表示账单的备注。 3. 实现添加账单功能 接下来，我们需要实现添加账单的功能。添加账单需要输入账单的类型、金额、时间和备注信息，并将账单信息保存到数据库中。 可以使用AlertDialog来实现添加账单的弹窗。在弹窗中，使用EditText控件来输入账单信息，并使用Calendar控件来选择日期。 在保存账单信息时，需要将日期转换为Unix时间戳，并将账单信息插入到bill表中。 4. 实现显示账单功能 接下来，我们需要实现显示当天的账单的功能。可以使用RecyclerView来显示账单列表，并通过查询数据库来获取当天的账单数据。 在RecyclerView中，可以使用CardView控件来显示每个账单的信息，包括类型、金额和备注。并使用LinearLayoutManager来控制列表的布局。 在查询数据库时，需要根据当前日期来获取当天的账单数据，可以使用SQLite的日期函数来实现。 5. 实现删除账单功能 最后，我们需要实现删除账单的功能。可以在RecyclerView中为每个账单添加删除按钮，在点击删除按钮时，删除对应的账单。 在删除账单时，需要从bill表中获取账单的id，并使用DELETE语句从数据库中删除对应的记录。 6. 总结 通过以上几个步骤，我们实现了一个简单的记账APP的开发。在实际开发中，还可以考虑实现其他功能，如修改账单、统计账单等。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

兵腾傲宇

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

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

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

打赏作者

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

抵扣说明：

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

余额充值