找到
10
篇与
项目
相关的结果
-
移植 Material Design 3 色彩系统的 UTS 插件(uniapp/uniappx) Material Design 3（简称 M3）是 Google 推出的最新设计语言，它提供了更加动态和个性化的色彩系统，帮助开发者构建美观且一致的用户界面。kh-material-color专为 uniapp UTS 插件开发的 Material Design 3 色彩系统移植版本。支持 uniapp、uniappx。 官方 Material Design 3 色彩系统文档：https://m3.material.io/styles/color/ 插件功能 在跨平台开发中，保持设计一致性是一项挑战。Uniapp 作为流行的跨端框架，结合 UTS 插件系统，为开发者提供了强大的原生扩展能力。kh-material-color 功能为将 Material Design 3 的色彩系统无缝集成到 uniapp 项目中，让你能够轻松应用 M3 的动态色彩方案，无论是浅色模式还是深色模式。 主要特性 完整的 M3 色彩支持：基于官方规范，提供所有核心色彩角色。 动态色彩生成：通过种子颜色自动生成协调的色彩方案。 深色/浅色模式支持：一键切换，适配不同主题需求。 简单易用的 API：几行代码即可集成到现有项目。 类型安全：使用 TypeScript 定义，提供完整的类型提示。 支持的颜色方案 kh-material-color 插件导出了 MaterialScheme 类型，包含了 Material Design 3 中的所有关键色彩角色。以下是完整的色彩映射： export type MaterialScheme = { primary: string onPrimary: string primaryContainer: string onPrimaryContainer: string secondary: string onSecondary: string secondaryContainer: string onSecondaryContainer: string tertiary: string onTertiary: string tertiaryContainer: string onTertiaryContainer: string error: string onError: string errorContainer: string onErrorContainer: string background: string onBackground: string surface: string onSurface: string surfaceVariant: string onSurfaceVariant: string surfaceContainerHighest: string surfaceContainerHigh: string surfaceContainer: string surfaceContainerLow: string surfaceContainerLowest: string inverseSurface: string inverseOnSurface: string surfaceTint: string surfaceTintColor: string outline: string outlineVariant: string }这些色彩角色覆盖了界面中的所有元素，从主要按钮到背景、表面和轮廓，确保设计的一致性。 颜色演示 浅色模式深色模式颜色演示1图片颜色演示2图片快速开始 步骤 1：安装插件 kh-material-color 点击链接，进入插件市场直接导入安装。 步骤 2：引入插件 在需要使用色彩方案的页面或组件中，导入 generateMaterialScheme 函数： import { generateMaterialScheme } from '@/uni_modules/kh-material'步骤 3：设置种子颜色和主题模式 定义种子颜色和主题模式（浅色或深色）。种子颜色是生成整个色彩方案的基础： // 设置 Material Design 颜色方案的种子颜色 const seedColor = ref('#6750A4') // 默认 Material Design 紫色 // 是否为暗色模式 const isDark = ref(false) // 默认浅色模式步骤 4：生成色彩方案 使用 generateMaterialScheme 函数生成色彩方案。你可以将其包装在计算属性中以实现响应式更新： // 生成 Material Design 颜色方案 const materialScheme = generateMaterialScheme({ seedColor: seedColor.value, isDark: isDark.value }) // 或者，动态计算 Material Design 颜色方案 const scheme = computed(() => { return generateMaterialScheme({ seedColor: seedColor.value, isDark: isDark.value }) })参数说明 参数可空说明seedColor是种子颜色，用于生成整个色彩方案。默认值为 #6750A4（Material Design 标准紫色）。isDark是是否为暗色模式。默认值为 false（浅色模式）。步骤 5：在模板中使用色彩方案 在模板中，你可以直接通过点操作符或下标访问色彩角色： <template> <view class="container"> <!-- 使用点操作符访问 --> <view class="surface-box" :style="{ backgroundColor: scheme.surface }" > <text :style="{ color: scheme.onSurface }"> 这是一个表面容器 </text> </view> <!-- 或者使用下标访问 --> <view class="primary-box" :style="{ backgroundColor: scheme['primaryContainer'] }" > <text :style="{ color: scheme['onPrimaryContainer'] }"> 主要内容 </text> </view> <!-- 动态切换深色/浅色模式示例 --> <button @click="toggleTheme">切换主题</button> </view> </template>脚本部分： <script setup> import { ref, computed } from 'vue' import { generateMaterialScheme } from '@/uni_modules/kh-material' const seedColor = ref('#6750A4') const isDark = ref(false) const scheme = computed(() => { return generateMaterialScheme({ seedColor: seedColor.value, isDark: isDark.value }) }) const toggleTheme = () => { isDark.value = !isDark.value } </script>总结 kh-material-color 插件为 uniapp/uniappx 开发者提供了一个强大而灵活的工具，以遵循 Material Design 3 规范的方式管理应用色彩。通过简单的 API，你可以快速生成动态色彩方案，并轻松适应深色和浅色模式。 无论你是构建全新的应用，还是希望将现有项目升级到 Material Design 3，这个插件都能节省大量时间，并确保设计的一致性。 如果你有任何问题或反馈，欢迎在博客或插件市场留言。 支持与赞赏 如果你觉得本插件解决了你的问题，可以考虑支持作者： 支付宝赞助微信赞助支付宝赞助图片微信赞助图片相关链接 Material Design 3 官方文档 Uniapp 官网 UTS 插件开发文档
-
-
移动云盘 Python 库使用文档 1. 配置与初始化 初始化 Yun139 会话： from Yun139 import Yun139Session # token要求为移除Basic 前缀的token Yun139Session = Yun139Session(token="你的Token")2. 刷新 Token # 刷新token status, result = Yun139Session.refresh_token() # 说明： # 1. 刷新token后，实例会自动更新token # 2. token有效期小于15天才可以刷新3. 文件管理 3.1 创建文件管理实例 from Yun139 import Yun139FileManager yun139_file = Yun139FileManager(session=Yun139Session)3.2 移动文件/文件夹 status, result = yun139_file.move_file( src_fids=["文件ID1", "文件ID2"], dst_pdir_fid="目标文件夹ID" ) # 返回示例 # True {"taskId": "1813463306615229568"} # 说明：获取任务ID后，可通过查询任务状态接口查询任务执行结果3.3 重命名文件/文件夹 status, result = yun139_file.rename_file( fid="文件ID", new_name="新文件名.png" ) # 返回示例 # True { # "success": true, # "code": "0000", # "message": "请求成功", # "data": { # "fileId": "FjyKEUGVXXmeU1zaXq1xO1JzHSVgVV0zn", # "parentFileId": "FrtDI1Whq8nNnxiot-7FEOr01Bd0YauDz", # "name": "2.png", # ... # } # }3.4 删除文件/文件夹 status, result = yun139_file.remove_file(fids=["文件ID1", "文件ID2"]) # 返回示例 # True { # "taskId": "1813468597285129984", # "batchFileResults": null # }4. 文件夹管理 4.1 创建文件夹管理实例 from Yun139 import Yun139FolderManager yun139_folder = Yun139FolderManager(session=Yun139Session)4.2 创建文件夹 status, result = yun139_folder.create_folder( folder_name="创建文件夹测试", pdir_fid="/" ) # 返回示例 # True { # "parentFileId": "/", # "fileId": "Fqkd1QUxDEyTTkHUC5mdPNrmiuEk8QwGk", # "type": "folder", # "fileName": "创建文件夹测试", # ... # }4.3 获取文件列表 # 第一页 status, result = yun139_folder.get_lists( pdir_fid="文件夹ID", size=50, cursor=None, sort_by="file_name", sort_order="asc" ) # 第二页 status, result = yun139_folder.get_lists( pdir_fid="文件夹ID", size=50, cursor="0|[57-0-0,12-0-1][JzlYdEZEWk8zMEZ0UjlaRjdIM0ZxLUc3MFpWMzBaZEhfYWUxVU1laUhicHlXYnRWLSc=,J0ZpcUlmVDFyNUlGRHc4MHhSenkxRzVwbEgwa2NxLVRMUSc=]", sort_by="file_name", sort_order="asc" ) # 參數説明 # cursor：首页为None，还有文件的话会返回nextPageCursor # 返回示例 # True { # "items": [ # { # "fileId": "Fiy3GykVcP9lxL8gNU1VJupjIC8I1XC1Z", # "parentFileId": "Fn_WtHq4W6j7l6Vvh1zZI1YwQYBbeFvi-", # "name": "跳转浏览器打开.jpg", # ... # } # ], # "nextPageCursor": null # }5. 分享链接管理 5.1 创建分享链接实例 from Yun139 import Yun139ShareManager yun139_share = Yun139ShareManager(session=Yun139Session)5.2 创建分享链接 status, result = yun139_share.create_share( title="分享7天测试", url_type=0, fid_list=["文件ID1"], fld_list=["文件夹ID1"], expired_time=7 ) # 返回示例 # True { # "result": { # "resultCode": "0", # "resultDesc": "" # }, # "getOutLinkRes": { # "getOutLinkResSet": [ # { # "objID": "aab3b2f8d00e491da36b466052d94a5a", # "passwd": "q9su", # "linkID": "2qidFfUiQDtnx", # "linkUrl": "https://yun.139.com/shareweb/#/w/i/2qidFfUiQDtnx", # "linkUrlMin": null # } # ] # } # }6. 任务管理 6.1 创建任务管理实例 from Yun139 import Yun139TaskManager yun139_task = Yun139TaskManager(session=Yun139Session)6.2 查询任务状态 status, result = yun139_task.get_task_status(task_id="任务ID") # 返回示例 # True { # "taskInfo": { # "taskId": "1813463306615229568", # "status": "Succeed", # "progress": 100, # "createdAt": "2025-11-07T02:27:52.000+08:00", # "startedAt": "2025-11-07T02:27:52.000+08:00", # "finishedAt": "2025-11-07T02:27:52.000+08:00", # "code": null, # "message": null, # "taskType": 2 # }, # "batchFileResults": [...], # "extraData": { # "totalProcess": 0, # "consumedProcess": 3 # } # }7. 文件上传 7.1 创建上传实例 from Yun139 import Yun139UploadManager yun139_upload = Yun139UploadManager(session=Yun139Session)7.2 上传文件 def progress(percent): print(f"上传进度: {percent}%") status, result = yun139_upload.upload_file( file_name="cc.zip", file_path="cc.zip", pdir_fid="目标文件夹ID", progress_callback=progress ) # 返回示例 # 上传进度: 100% # True { # "fileId": "Fvwh5Wdjb6pl8BXzvEgpGhazttFGo2_gZ", # "parentFileId": "FrtDI1Whq8nNnxiot-7FEOr01Bd0YauDz", # "name": "cc.zip", # "description": null, # "type": "file", # "fileExtension": "zip", # "category": "zip", # "createdAt": "2025-11-07T03:58:36.440+08:00", # "updatedAt": "2025-11-07T03:58:37.561+08:00", # ... # }8. 文件下载 8.1 创建下载实例 from Yun139 import Yun139DownManager yun139_download = Yun139DownManager(session=Yun139Session)8.2 获取下载链接 status, result = yun139_download.get_download_url(fid="文件ID") # 返回示例 # True { # "fileId": "FqRfdx22osqO-tU0ZvV1Nb7ryEM8dqKAj", # "errCode": null, # "message": null, # "url": "https://b22-obs-ykj-01.obs.cidc-rp-2006.joint.cmecloud.cn/...", # "expiration": "2025-11-07T03:20:13.396+08:00", # "size": 32029905, # "cdnUrl": "https://yun.mcloud.139.com:443/cdnv1/20241023/FqF8bFyjxCaPMGZCsjbNHSLngJhZUcQMj.pdf?sign=...", # "cdnSwitch": false, # ... # }9. 打印输出 所有接口返回均为 (status, result)，可直接打印： import json print(status, json.dumps(result, ensure_ascii=False, indent=2))10. 其他说明 各接口参数请参考注释及返回示例。 任务型操作（如移动、删除等）返回 taskId 后，可用任务管理接口查询进度。 分享链接创建后会返回链接URL和提取码等信息。 代码下载 cloud_driver_sdk 参考文献 openList
-
UTS编写字符串编解码/加密插件（安卓及鸿蒙端） 全局说明 编写说明 uts在安卓端编译为kotlin，所以，使用可以使用安卓自带库+kotlin的方法来实现 uts在鸿蒙端编译为ArkTs，ArkTs和UTS很相似，包括一些方法都一样，所以可以直接从ArkTs的文档里复制代码，稍微修改即可使用。 使用的库 安卓端 import MessageDigest from 'java.security.MessageDigest'; import BigInteger from 'java.math.BigInteger'; import Base64 from 'java.util.Base64'; 鸿蒙端 import util from '@ohos.util'; import { cryptoFramework } from '@kit.CryptoArchitectureKit';插件接口定义 /** * interface.uts * uts插件接口定义文件，按规范定义接口文件可以在HBuilderX中更好的做到语法提示 */ /** * 哈希算法枚举 */ export type HashAlgorithm = | "MD5" | "SHA1" | "SHA224" | "SHA256" | "SHA384" | "SHA512" /** * 哈希加密返回结果 */ export type HashResult = { hash: string } /** * 哈希加密函数定义 */ export type HashFunction = (input: string, algorithm: HashAlgorithm) => string1. Base64编解码 安卓端 /** * BASE64编码方法 * * @param input 输入字符串 * @return BASE64加密后的字符串 */ export const Base64Encode = function (input: string) : string { try { // 将字符串转换为字节数组 // toByteArray()为kotlin的方法 const inputBytes = input.toByteArray(); // 使用Base64编码器进行编码 const encodedBytes = Base64.getEncoder().encodeToString(inputBytes); // 将编码后的字节数组转换为字符串 return encodedBytes; } catch (e) { console.error("BASE64加密错误:", e); return ""; } } /** * BASE64解码方法 * * @param input 输入字符串 * @return BASE64解密后的字符串 */ export const Base64Decode = function (input: string) : string { try { // 将Base64字符串转换为字节数组 const decodedBytes = Base64.getDecoder().decode(input); // 将Java字节数组转换为UTS字符串 return new String(decodedBytes); } catch (e) { console.error("BASE64解密错误:", e); return ""; } } 鸿蒙端 /** * BASE64编码方法 * * @param input 输入字符串 * @return BASE64加密后的字符串 */ export const Base64Encode = function (input: string) : string { let textEncoder = new util.TextEncoder("utf-8"); let uint8Array = textEncoder.encodeInto(input); let base64Helper = new util.Base64Helper(); return base64Helper.encodeToStringSync(uint8Array); } /** * BASE64解码方法 * * @param input 输入字符串 * @return BASE64解密后的字符串 */ export const Base64Decode = function (input: string) : string { let Base64Helper = new util.Base64Helper(); let arr = Base64Helper.decodeSync(input) let textDecoder = util.TextDecoder.create('utf-8'); return textDecoder.decodeToString(arr); } 消息摘要计算 HASH加密使用统一方法，包含MD5、SHA1、SHA224、SHA256、SHA384、SHA512 安卓端 /** * 统一哈希加密方法 * * @param input 输入字符串 * @param algorithm 哈希算法枚举 * @return 哈希加密后的十六进制字符串 */ export const hash : HashFunction = function (input : string, algorithm: HashAlgorithm) : string { try { // 创建MessageDigest实例 const md = MessageDigest.getInstance(algorithm); // 输入数据转化为字节数组 const dataArray = input.toByteArray() // 计算哈希值 const hashBytes = md.digest(dataArray); // 转换为十六进制字符串 const result = BigInteger(1, hashBytes).toString(16) return result; } catch (e) { // 方法出错时返回空字符串 console.error(`${algorithm}加密错误:`, e); return ""; } }鸿蒙端 /** * 统一哈希加密方法 * * @param input 输入字符串 * @param algorithm 哈希算法枚举 * @return 哈希加密后的十六进制字符串 */ export const hash : HashFunction = function (input : string, algorithm: HashAlgorithm) : string { try { // 创建哈希实例 let md = cryptoFramework.createMd(algorithm); // 使用同步方法更新数据 let textEncoder = util.TextEncoder.create('utf-8'); let dataBlob : cryptoFramework.DataBlob = { data: textEncoder.encodeInto(input); }; md.updateSync(dataBlob); // 使用同步方法计算摘要 let mdResult : cryptoFramework.DataBlob = md.digestSync(); // 转换为十六进制字符串 let result = Array.from(mdResult.data).map(byte => byte.toString(16).padStart(2, '0')).join(''); return result; } catch (e) { // 方法出错时返回空字符串 // console.error(`${algorithm}加密错误:`, e); return ""; } }规范调用方法 这里安卓端和鸿蒙端相同 // MD5加密 export const MD5 = function (input: string) : string { return hash(input, 'MD5') } // SHA1加密 export const SHA1 = function (input: string) : string { return hash(input, 'SHA1') } // SHA224加密 export const SHA224 = function (input: string) : string { return hash(input, 'SHA224') } // SHA256加密 export const SHA256 = function (input: string) : string { return hash(input, 'SHA256') } // SHA384加密 export const SHA384 = function (input: string) : string { return hash(input, 'SHA384') } // SHA512加密 export const SHA512 = function (input: string) : string { return hash(input, 'SHA512') }使用方法 import * as KhCrypto from '@/uni_modules/kh-crypto' const input = ref<string>('待加密字符串'); const output = ref<string>('') // base64编码 output.value = KhCrypto.Base64Encode(inputText.value) // base64解码 output.value = KhCrypto.Base64Decode(inputText.value) // MD5加密 output.value = KhCrypto.MD5(inputText.value) // SHA1加密 output.value = KhCrypto.SHA1(inputText.value) // SHA224加密 output.value = KhCrypto.SHA224(inputText.value) // SHA256加密 output.value = KhCrypto.SHA256(inputText.value) // SHA384加密 output.value = KhCrypto.SHA384(inputText.value) // SHA512加密 output.value = KhCrypto.SHA512(inputText.value)插件源码 kh-crypto - DCloud插件市场 参考文档 在uts中如何将字符串转换为ByteArray Base64Helper - 鸿蒙开发API参考 消息摘要计算介绍及算法规格 - 鸿蒙开发指南
-
