搜索到
5
篇与
的结果
-
Harmony OS Next中List铺满剩余屏幕 在Harmony OS Next开发过程中，我们经常使用List组件进行数据展示。比如爱车记App中，有一个Excel导入功能，后台将错误信息按照数组形式返回，前端通过List组件展示错误信息。整体页面大概如下，这里主要面临两个问题页面是沉浸式布局List组件内容数量不固定如果List内容足够多时，我们将List组件滚动到最下面，会发现底部的内容被导航栏（非安全区域）遮挡了。相似下图展示的界面，实际List组件有101条，但是只展示出来了90条。为了解决这个问题，我们可以给List设置.layoutWeight(1)属性，这样List组件变能够铺满剩余屏幕。 List({ space: 5 }) { ForEach(this.errorList, (item: string) => { ListItem() { Text(item).fontSize(14).fontColor(getRandomColor(1)).width('100%') } }) } .padding({ left: 15, right: 15 }) .scrollBar(BarState.Off) .borderRadius(8).layoutWeight(1) -
Harmony OS Next实现文件分享 在日常开发过程中，将数据导出到Excel是常见的一种需求。爱车记App有个数据导出功能，可以将用户的充电记录导出Excel，因为Harmony OS Next的沙盒机制，默认导出的文件只能保存到App自己的目录中，为了方便用户保存数据，我们可以通过文件分享功能，用户可以将文件保存到手机的任意位置。一、后端导出Excel文件后端代码我们不做过多介绍，就是使用EasyExcel导出Excel文件并下载。/** * 数据导出 * * @throws IOException IO异常 */ @GetMapping(value = "export", produces = MediaType.APPLICATION_OCTET_STREAM_VALUE) public void export() throws IOException { ServletRequestAttributes servletRequestAttributes = (ServletRequestAttributes) RequestContextHolder.getRequestAttributes(); HttpServletResponse response = null; HttpServletRequest request = null; if (servletRequestAttributes != null) { response = servletRequestAttributes.getResponse(); request = servletRequestAttributes.getRequest(); } if (response == null) { throw new CustomException("未获取到用户信息"); } response.setContentType("application/x-msdownload"); response.setCharacterEncoding("utf-8"); response.setHeader("Content-Disposition", "attachment;filename=" + URLEncoder.encode("充电记录.xlsx", "UTF-8")); response.setHeader("Access-Control-Allow-Origin", "*"); response.setHeader("Access-Control-Expose-Headers", "Content-Disposition"); // 创建excel对象 CarUser user = tokenUtil.getLoginUser(request); List<CarEnergyExportVO> carEnergyList4Export = carEnergyService.selectCarEnergyList4Export(user.getId()); //内容样式策略 WriteCellStyle contentWriteCellStyle = new WriteCellStyle(); //垂直居中,水平居中 contentWriteCellStyle.setVerticalAlignment(VerticalAlignment.CENTER); contentWriteCellStyle.setHorizontalAlignment(HorizontalAlignment.LEFT); contentWriteCellStyle.setBorderLeft(BorderStyle.THIN); contentWriteCellStyle.setBorderTop(BorderStyle.THIN); contentWriteCellStyle.setBorderRight(BorderStyle.THIN); contentWriteCellStyle.setBorderBottom(BorderStyle.THIN); //设置 自动换行 contentWriteCellStyle.setWrapped(true); // 字体策略 WriteFont contentWriteFont = new WriteFont(); // 字体大小 contentWriteFont.setFontHeightInPoints((short) 12); contentWriteFont.setFontName("仿宋"); contentWriteCellStyle.setWriteFont(contentWriteFont); //头策略使用默认 设置字体大小 WriteCellStyle headWriteCellStyle = new WriteCellStyle(); WriteFont headWriteFont = new WriteFont(); headWriteFont.setFontHeightInPoints((short) 12); headWriteFont.setFontName("仿宋"); headWriteCellStyle.setWriteFont(headWriteFont); headWriteCellStyle.setFillForegroundColor(IndexedColors.TAN.getIndex()); ExcelWriter excelWriter = EasyExcel.write(response.getOutputStream(), CarEnergyExportVO.class) .registerWriteHandler(new HorizontalCellStyleStrategy(headWriteCellStyle, contentWriteCellStyle)) .build(); //创建sheet WriteSheet writeSheet = EasyExcel.writerSheet("充电记录").head(CarEnergyExportVO.class).build(); //导出 excelWriter.write(carEnergyList4Export, writeSheet); excelWriter.finish(); }二、下载文件文件下载我们调用downloadFile(context: BaseContext, config: DownloadConfig)方法，context是上下文信息，DownloadConfig是参数信息，其中url是我们的后台地址，filePath是文件保存到本地的路径，header是传递到后端的头部信息，比如我这里的token是传递的认证信息。在下载文件的回调方法中，我们监听downloadTask事件，complete代表文件下载完成，文件下载文成后，调用分装的公共的文件分享方法shareFile对文件进行分享。 IBestToast.show({ icon: $r("app.media.mine_exporting_data"), message: getStringFromResource($r("app.string.exporting")) }) try { // 判断文件是否存在，存在就删除 let context = getContext(this) as common.UIAbilityContext; let filesDir = context.filesDir; let path = filesDir + '/爱车记.xlsx'; if (fs.accessSync(path)) { fs.unlinkSync(path); } request.downloadFile(context, { url: Constants.API + '/common/export', filePath: path, header: { "token": PreferencesUtil.readDataSync<string>("token") } }).then((downloadTask: request.DownloadTask) => { downloadTask.on('complete', () => { IBestToast.hide() shareFile(path) // let file = fs.openSync(filesDir + '/car_expense.xlsx', fs.OpenMode.READ_WRITE); // let arrayBuffer = new ArrayBuffer(1024); // let readLen = fs.readSync(file.fd, arrayBuffer); // let buf = buffer.from(arrayBuffer, 0, readLen); // console.info(`The content of file: ${buf.toString()}`); // fs.closeSync(file); }) }).catch((err: BusinessError) => { IBestToast.hide() console.error(`Invoke downloadTask failed, code is ${err.code}, message is ${err.message}`); }); } catch (error) { IBestToast.hide() let err: BusinessError = error as BusinessError; console.error(`Invoke downloadFile failed, code is ${err.code}, message is ${err.message}`); }三、文件分享方法文件分享时，我们传递文件的路径，这里有两个注意事项：action:这个地方我们需要使用ohos.want.action.viewData，如果调用ohos.want.action.sendData，会使用默认的程序打开，比如我这里是Excel文件，如果安装了WPS，会直接调用WPS打开type:这个是MIME Type，比如Excel 2007后续版本（xlsx后缀）默认为application/vnd.openxmlformats-officedocument.spreadsheetml.sheet/** * 分享文件 */ export async function shareFile(filePath: string) { let context = AppStorage.get('context') as common.UIAbilityContext; // 获取文件沙箱路径 // let filePath = this.context.filesDir + '/test.txt'; // 将沙箱路径转换为 URI let uri = fileUri.getUriFromPath(filePath); // 创建分享意图 let want: Want = { flags: wantConstant.Flags.FLAG_AUTH_WRITE_URI_PERMISSION | wantConstant.Flags.FLAG_AUTH_READ_URI_PERMISSION, action: 'ohos.want.action.viewData', uri: uri, type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' }; // 启动分享 context.startAbility(want) .then(() => { console.log('Share file successfully'); }) .catch((err: BusinessError) => { console.error('Failed to share file:', err); }); }四、配置权限为了实现分享，我们需要在模块下的module.json5文件中配置相应的权限，在skills的uris添加如下内容{ "scheme": "file", "host": "*", "path": "/storage/*" }
-
Harmony OS Next封装公共资源访问方法 在Harmony OS Next开发时，对于静态字符串常量，我们都是定义在resources文件夹下的string.json文件中，在日常访问时，通过$r进行访问，如下Text($r("app.string.agree")).fontSize(14)这种方式范围问你资源文件，只适用于有前端上下文的地方，比如我们前端页面或公共的组件中，如果我们在封装的公共方法中或者其他定义API的界面，这种方式是获取不到值的。为了在所有地方都能获取到资源文件的值，我们可以借助应用上下文获取ResourceManager后，调用不同资源管理接口访问不同资源，比如还是上面的资源文件，我们可以通过getContext().resourceManager.getStringSync($r("app.string.agree"))当然，上面这段代码里面还是有应用的上下文信息getContext()，这个上下文不是一直都能取到的，为了便捷获取资源文件，我们可以将上下文信息存储到AppStorage中，这样通过定义一个公共方法，从AppStorage中获取到应用上下文信息即可。一、存储上下文信息在应用启动的时候，我们EntryAbility.ets文件中的onWindowStageCreate方法中，将应用上下文信息存储到AppStorage中。AppStorage.setOrCreate('context', this.context);二、定义获取资源文件的公共方法/** * 获取string中的值 * @param source 资源文件 * @returns 值 */ export function getStringFromResource(source: Resource) { let context = AppStorage.get('context') as common.UIAbilityContext let value = context.resourceManager.getStringSync(source.id) return value }三、使用这样，我们在应用程序的任意位置就能访问资源文件了。getStringFromResource($r("app.string.notify"))
-
Harmony OS Next实现调用系统邮件App发送邮件功能 爱车记App有一个【问题反馈】功能，用户点击此功能后，会自动打开Harmony OS Next自带的邮件功能，并且在收件人里面填充我们的邮箱，邮件内容默认填充请在此处详细描述您遇到的问题，在Harmony OS Next中，我们可以通过want方式打开邮件App并传递对应参数。 /** * 问题反馈 */ feedback() { let ctx = getContext(this) as common.UIAbilityContext; let mailUri: string = 'mailto:收件人?subject=邮件主题&body=邮件内容' let want: Want = { bundleName: 'com.huawei.hmos.email', abilityName: 'EntryAbility', moduleName: 'entry', uri: mailUri, action: 'ohos.want.action.viewData', }; try { ctx.startAbility(want) .then(() => { console.info('startAbility success'); }) .catch((err: BusinessError) => { console.info('startAbility error.', err.message); }) } catch (e) { console.info('error:', e); } }
-
爱车记-Harmony OS Next第一款纯电车电耗统计与计算软件 介绍爱车记是Harmony OS Next上第一款专为电动汽车用户设计的智能充电管理工具，旨在帮助用户轻松记录、管理和分析充电数据及费用。主要功能爱车记致力于为纯电车车主提供服务，目前提供的主要功能包括：充电数据记录，形成完整的充电历史档案。用户每次充电后只需要记录充电的数据，系统形成完整的充电历史档案。通过用户记录的充电数据，协助用户统计电车的电耗、行李里程、累计电费、平均电费等信息。费用计算与管理。支持记录每笔发生的费用。比如洗车或者购买保险等。支持根据不同的费用类型，统计费用发生的合计。集成地图服务，提供附近可用充电站的位置信息，并支持路线规划。支持充电桩查询，可以方便查询附近充电桩信息并可一键导航。支持提醒支持设置提醒功能，比如购买保险提醒等，用户定义的提醒内容，会以系统消息的形式发送给用户进行提醒。支持多车辆管理支持多车辆管理，用户可以无限制免费添加车辆。其他功能用户可以下载爱车记，体验其他功能。
