Slider,InputField,Scroll View,Scrollbar及Layout组件
Slider组件


Fill Rect:填充滑动条选中区域的背景图部分
Handle Rect:滑动条的球
Direction:滑动条的滑动方向
Min Value:起始位置的数值(浮点数)
Max Value:结束位置的数值(浮点数)
Whole Numbers:必须为整数(布尔型)
Value:滑动条的当前值(浮点数)
InputField简介

Text Component:输入的内容,显示的文本组件
Text:当时输入的内容值
Character Limit:最大输入字符
Content Type:输入的文本类型(数字,实数,数字英文,名称,密码)
Line Type:行类型(单行,回车跳出,回车换行)
Placeholder:输入框原始内容(默认显示)
Caret Blink Rate:光标显示频率
Caret Width:光标宽度
Custom Caret Color:光标自定义颜色
Selection Color:被选中文字的颜色
Hide Mobile Input:移动设备下是否隐藏键盘
Read Only:是否只读(文本框不可编辑)
Mask组件
比如实现圆形头像
![]()
参数:没有子物体能显示时,是否显示父物体本图
Mask组件配合Image组件使用,带有Mask组件的图,会显示在子物体图片中,父物体图片Alpha通道不为0的部分
Scroll View组件

Content:实际显示区域的UI对象
Horizontal:是否开启横向滚动
Vertical:是否开启纵向滚动

Movement Type:滚动类型
无边界自由滚动
有边界带回弹效果(回弹系数)
有边界无回弹效果
Inertia:拖拽惯性
滚轮或触摸板移动系数
ScrollView的可视区域
横向滚动条
可见性(可见区域与实际显示区域对比)
一直显示
自动隐藏
自动隐藏,并支持自动扩展区域
空间
横纵滚动条交叉区域预留空间
纵向滚动条
可见性(可见区域与实际显示区域对比)
一直显示
自动隐藏
自动隐藏,并支持自动扩展区域
空间
横纵滚动条交叉区域预留空间
Scrollbar组件

Handle Rect:拖拽条对象
运行方向:上下;下上;左右;右左;
拖拽条对应的值(0起始位置,1结束位置)
拖拽条占滚动条的比例(可视区域/实际区域;自动计算)
按步拖拽(固定步数分步显示所有实际区域)
Layout排列组件

(横向自适应排列组件)
Padding:外框的内边距(左右上下)
Spacing:元素间距
Child Alignment:子元素对齐方式(外框的九个点位)
Child Controls Size:排序组件是否控制子元素的宽高(是否控制宽度,是否控制高度)
Child Force Expand:子元素强制自适应(宽[和外框对齐],高[根据外框等分计算后,设置子元素高])

横向排列元素转90度

Padding:外框的内边距(左右上下)
Cell Size:内部元素的宽高(宽度,高度),不能自由修改子元素的宽高
Spacing:子元素间距(横向,纵向)
Start Corner:第一个子元素位于的角(左上,右上,左下,右下)
Start Axis:开始排列的轴方向(横向,纵向)
Child Alignment:子元素对齐方式(外框的九个点位)
Constraint:固定行列数(自适应,设置固定列[列数],设置固定行[行数])

父元素宽高自适应组件
横(不适应,最小值)
纵(不适应,最小值)
该系列专栏为网课课程笔记,仅用于学习参考。
相关文章:
Slider,InputField,Scroll View,Scrollbar及Layout组件
Slider组件 Fill Rect:填充滑动条选中区域的背景图部分 Handle Rect:滑动条的球 Direction:滑动条的滑动方向 Min Value:起始位置的数值(浮点数) Max Value:结束位置的数值(浮点数) Whole Numbers:必须为整数(布尔…...
ollama注册自定义模型(GGUF格式)
文章目录 ollama注册自定义模型(GGUF格式)下载模型注册模型(GGUF格式) ollama注册自定义模型(GGUF格式) 需要全程开启ollama nohup ollama serve > ollama.log 2>&1 &需要注意,尽管手动下载的GGUF格式模…...
【算法】 区间合并(附蓝桥杯真题) python
步骤 1.先将所有区间按左端点排序 2.从前往后扫一遍,维护当前正在合并的区间[st, ed] 3.依次检查每个区间[l, r], 若 l > ed,将[st, ed]加入 ans , 更新st l,ed r 若 l < ed ,更新ed max(ed, r) 时间复杂度 O(nlogn) 模板 https:/…...
关于重构分析查询界面的思考(未完)
业务系统里,查询界面很常见,数据分析场景需求普遍而迫切,而新的技术也在不断出现,很有必要重构分析查询界面。 查询筛选 为了尽可能从数据中发现,需要尽可能地将查询条件添加进来,可这样,查询…...
机器人技能列表
一、机器人制作基础入门 (一)机器人概述 1.机器人的定义与分类 2.机器人的发展历程与现状 3.机器人在各领域的应用案例 (二)必备工具与材料 4.常用电子工具介绍(万用表、电烙铁等) 5.机械加工工具&…...
五大基础算法——分治算法
分治算法 是一种通过将问题分解为多个规模较小的子问题,递归解决子问题,然后将子问题的解合并为原问题解的算法思想。它通常包含三个步骤:分解(Divide)、解决(Conquer) 和 合并(Comb…...
HarmonyOS NEXT 声明式UI语法学习笔记-创建自定义组件
基础语法概述 ArkTS的基本组成 装饰器:用于装饰类、结构、方法以及变量,并赋予其特殊含义。如上图都是装饰器,Component表示自定义组件,Entry表示表示自定义组件的入口组件,State表示组件中的状态变量,当状…...
补充二分LIS
B3637 最长上升子序列 题目描述 这是一个简单的动规板子题。 给出一个由 n ( n ≤ 5000 ) n(n\le 5000) n(n≤5000) 个不超过 1 0 6 10^6 106 的正整数组成的序列。请输出这个序列的最长上升子序列的长度。 最长上升子序列是指,从原序列中按顺序取出一些数字排…...
用户模块——握手验证
1. 引言 在现代 Web 应用中,WebSocket 以其全双工通信、低延迟、减少 HTTP 开销等优势,被广泛应用于即时通讯、在线游戏、实时数据推送等场景。然而,在涉及用户认证时,WebSocket 存在一个常见问题——每次刷新页面都会重新建立 We…...
97.HarmonyOS NEXT跑马灯组件教程:基础概念与架构设计
温馨提示:本篇博客的详细代码已发布到 git : https://gitcode.com/nutpi/HarmonyosNext 可以下载运行哦! HarmonyOS NEXT跑马灯组件教程:基础概念与架构设计 1. 跑马灯组件概述 跑马灯(Marquee)是一种常见的UI组件&a…...
81.HarmonyOS NEXT 状态管理与响应式编程:@Observed深度解析
温馨提示:本篇博客的详细代码已发布到 git : https://gitcode.com/nutpi/HarmonyosNext 可以下载运行哦! HarmonyOS NEXT 状态管理与响应式编程:Observed深度解析 文章目录 HarmonyOS NEXT 状态管理与响应式编程:Observed深度解析…...
【Agent】OpenManus-Agent架构详细分析
各组件详细设计见: BaseAgent:BaseAgentReActAgent:ReActAgentToolCallAgent:ToolCallAgent具体Agent实现:具体AgentMemory数据结构:Memory 1. 智能体层次结构 OpenManus 采用了一个多层次的智能体继承结…...
股指期货有卖不出去的时候吗?
在股指期货的交易世界里,很多人都有这样的疑问:股指期货会不会有卖不出去的时候呢?答案是会的,下面咱们就来详细唠唠为啥会出现这种情况。 市场极端行情下难以卖出 1.跌停限制:股指期货和股票一样,也有涨…...
前端Html5 Canvas面试题及参考答案
目录 Canvas 元素的默认尺寸是多少?如何正确设置其宽高以避免图像拉伸? 如何获取 Canvas 的 2D 上下文对象?3D 上下文支持哪些技术? canvas.width 与 canvas.style.width 的区别是什么? Canvas 支持的图像格式有哪些?如何将 Canvas 转换为 Base64 图片? Canvas 中如…...
【ES6】03-Set + Map
本文介绍两种集合 set map 的操作和方法。 目录 1. Set 1.1 set基本使用 1.2 add 1.3 delete 1.4 has 1.5 size 1.6 set转换为数组 1.7 拓展运算符 1.8 for...of 1.9 forEach 1.10 set给数组去重 2. Map 2.1 创建map集合 2.2 set添加元素 2.3 delete删除元素 …...
Java缓存String(字符串常量池)、Integer (-128 到 127 )
对问题的解释 1. “字符串常量池存储的是string对象的直接引用,而不是直接存放的对象,是一张string table” 的含义 这句话可以从以下几个方面理解: (1) 字符串常量池的存储内容 直接引用:字符串常量池中存储的是指向实际 Stri…...
消息队列的特性与使用场景:Kafka、ActiveMQ、RabbitMQ与RocketMQ的深度剖析
在分布式系统和微服务架构中,消息队列是实现服务间通信和解耦的核心组件。Kafka、ActiveMQ、RabbitMQ和RocketMQ是当前最受欢迎的消息队列解决方案,它们各自具有独特的特性和适用场景。本文将从特性和使用场景两个维度进行对比分析,帮助读者更…...
开发、科研、日常办公工具汇总(自用,持续更新)
主要记录汇总一下自己平常会用到的网站工具,方便查阅。 update:2025/2/11(开发网站补一下) update:2025/2/21(补充一些AI工具,刚好在做AI视频相关工作) update:2025/3/7&…...
解决VueI18n使用浏览器插件翻译后,切换国际化失效的问题
问题复现 在使用Vue-i18n对页面进行国际化的时候,使用浏览器翻译插件(如腾讯翻译)后,切换国际化语言,随后当我们关闭浏览器翻译插件后,再次切换国际化语言,原来被翻译的文字无法正确切换 出现…...
HTML5 drag API实现列表拖拽排序
拖拽API(Drag and Drop API)是HTML5提供的一组功能,使得在网页上实现拖放操作变得更加简单和强大。这个API允许开发者为网页元素添加拖拽功能,用户可以通过鼠标将元素拖动并放置到指定的目标区域。 事件类型 dragstart࿱…...
改变一生的思维模型【11】升维
升维思维模型:突破认知局限的破局法则 一、定义与核心逻辑 升维思维是通过增加分析维度,将问题投射到更高认知层次寻找解决方案的思考方式。其本质是跳出原有竞争维度,在更广阔的空间重构游戏规则。核心逻辑在于:当低维战场陷入…...
【动手学深度学习】#2线性神经网络
主要参考学习资料: 《动手学深度学习》阿斯顿张 等 著 【动手学深度学习 PyTorch版】哔哩哔哩跟李牧学AI 目录 2.1 线性回归2.1.1 线性回归的基本元素线性模型损失函数解析解随机梯度下降 2.1.3 最大似然估计 2.2 线性回归从零开始实现2.2.1 生成数据集2.2.2 读取数…...
计算机网络——NAT
一、什么是NAT? NAT(Network Address Translation,网络地址转换) 是一种将 私有IP地址 与 公有IP地址 相互映射的技术,主要用于解决IPv4地址不足的问题。它像一名“翻译官”,在数据包经过路由器或防火墙时…...
Stable Deffusion--常见模型插件详解
1.Checkpoint大模型 Checkpoint 是生成图像的基础模型,决定了整体画风如动漫、写实、机甲等。它是必选项,所有图像生成必须基于一个主模型。文件体积较大通常 1.5GB 以上,格式为 .ckpt 或 .safetensors。 存放位置为:\models\Sta…...
防重复提交详解:从前端Vue到后端Java的全面解决方案
防重复提交详解:从前端Vue到后端Java的全面解决方案 一、重复提交问题概述 在Web应用开发中,表单重复提交是一个常见问题,可能导致: 数据库中出现重复记录重复执行业务逻辑(如多次扣款)系统资源浪费用户…...
同一子网通信
添加交换机后的通信流程 1. 同一子网内(使用交换机) 判断是否在同一子网: 主机A通过子网掩码判断主机B的IP地址是否属于同一子网。若在同一子网,主机A需要通过ARP获取主机B的MAC地址。 ARP请求(广播)&…...
快速迭代:利用 nodemon 和其他工具实现 Express.js 热更新
在开发 Express.js 应用时,热更新(Hot Reloading)可以显著提升开发效率,因为它允许你在修改代码后立即看到效果,而无需手动重启服务器。以下是几种实现热更新的方法和工具,帮助你在开发过程中更高效地工作。…...
BUG日志:Maven项目启动报错(文件名或者文件扩展名过长)
Bug日志编号:[Maven-001] 标题:Windows系统下Maven项目因路径过长导致命令行执行失败 1. 问题描述 现象:执行mvn clean install时报错: The input line is too long 或 The filename or extension is too long触发条件…...
IntelliJ IDEA 快捷键系列:重命名快捷键详解
目录 引言一、默认重命名快捷键1. Windows 系统2. Mac 系统 二、操作步骤与技巧1. 精准选择重命名范围2. 智能过滤无关内容 三、总结 引言 在代码重构中,重命名变量、类、方法 是最常用的操作之一。正确使用快捷键可以极大提升开发效率。本文针对 Ma…...
零基础掌握分布式ID生成:从理论到实战的完整指南 [特殊字符]
一、为什么需要分布式ID? 🤔 在单机系统中,使用数据库自增ID就能满足需求。但在分布式系统中,多个服务节点同时生成ID时会出现以下问题: ID冲突:不同节点生成相同ID 扩展困难:数据库自增ID无法…...
