当前位置：首页 > news >正文

ArkTS 组件通用事件通用属性速查表

news 来源：原创 2025/6/9 4:58:40

ArkTS 组件

组件通用事件速查表

通用事件	事件名称	简要说明
点击事件	`onClick(event: Callback<ClickEvent>, distanceThreshold: number): T`	相较于原有 onClick 接口，新增 distanceThreshold 参数作为点击事件移动阈值，当手指的移动距离超出所设置的点击手势移动阈值时，点击手势识别失败
	`onClick(event: (event: ClickEvent) => void): T`	点击动作触发该回调
触摸事件	`onTouch(event: (event: TouchEvent) => void): T`	手指触摸动作触发该回调
挂载卸载事件	`onAttach(callback: Callback<void>): T`	组件挂载至组件树时触发此回调
	`onDetach(callback: Callback<void>): T`	组件从组件树卸载时触发此回调
	`onAppear(event: () => void): T`	组件挂载显示后触发此回调
	`onDisAppear(event: () => void): T`	组件卸载消失时触发此回调
拖拽事件	`onDragStart(event: (event: DragEvent, extraParams?: string) => CustomBuilder \| DragItemInfo)`	第一次拖拽此事件绑定的组件时，长按时间 >= 500ms，然后手指移动距离 >= 10vp，触发回调
	`onDragEnter(event: (event: DragEvent, extraParams?: string) => void)`	拽进入组件范围内时，触发回调，当监听了onDrop事件时，此事件才有效
	`onDragMove(event: (event: DragEvent, extraParams?: string) => void)`	拖拽在组件范围内移动时，触发回调，当监听了onDrop事件时，此事件才有效
	`onDragLeave(event: (event: DragEvent, extraParams?: string) => void)`	拖拽离开组件范围内时，触发回调，当监听了onDrop事件时，此事件才有效
	`onDrop(event: (event: DragEvent, extraParams?: string) => void)`	绑定此事件的组件可作为拖放目标。当在本组件范围内停止拖放行为时，将触发回调。如果开发者未在 onDrop 中主动调用 event.setResult()来设置拖拽接收的结果，对于系统支持的默认可拖入组件，处理结果将依据系统实际处理的数据。对于其他组件，系统将默认视为数据接收成功。
	`onDrop(eventCallback: OnDragEventCallback, dropOptions?: DropOptions)`	绑定此事件的组件可作为拖放目标。当在本组件范围内停止拖放行为时，将触发回调。如果开发者未在 onDrop 中主动调用 event.setResult()来设置拖拽接收的结果，对于系统支持的默认可拖入组件，处理结果将依据系统实际处理的数据。对于其他组件，系统将默认视为数据接收成功
	`onDragEnd(event: (event: DragEvent, extraParams?: string) => void)`	绑定此事件的组件触发的拖拽结束后，触发回调
	`onPreDrag(event: (preDragStatus: PreDragStatus) => void)`	绑定此事件的组件，当触发拖拽发起前的不同阶段时，触发回调
按键事件	`onKeyEvent(event: (event: KeyEvent) => void): T`	绑定该方法的组件获焦后，按键动作触发该回调
	`onKeyEvent(event: Callback<KeyEvent, boolean>): T`	当绑定该方法的组件获得焦点后，按键操作将触发此回调。若此回调的返回值为 true，则视为按键事件已被处理
	`onKeyPreIme(event: Callback<KeyEvent, boolean>): T`	绑定该方法的组件获焦后，按键动作优先触发该回调
	`onKeyEventDispatch(event: Callback<KeyEvent, boolean>): T`	对应组件收到按键事件时，会触发该回调，该按键事件不会分发给其子组件。不支持构造 KeyEvent 进行分发，只支持分发已有的按键事件该回调的返回值为 true 时，视作该按键事件已被消费，不会冒泡给父组件处理
焦点事件	`onFocus(event: () => void)`	当前组件获取焦点时触发的回调
	`onBlur(event:() => void)`	当前组件失去焦点时触发的回调
鼠标事件	`onMouse(event: (event: MouseEvent) => void)`	当前组件被鼠标按键点击时或者鼠标在组件上悬浮移动时，触发该回调
悬浮事件	`onHover(event: (isHover: boolean, event: HoverEvent) => void): T`	鼠标或手写笔进入或退出组件时触发 hover 事件
	`onHoverMove(event: Callback<HoverEvent>): T`	手写笔悬浮于组件上方时触发悬浮移动事件
无障碍悬浮事件	`onAccessibilityHover(callback: AccessibilityCallback): T`	开启无障碍模式后，单指触摸绑定该回调的组件时触发该回调
组件区域变化事件	`onAreaChange(event: (oldValue: Area, newValue: Area) => void): T`	组件区域变化时触发该回调。仅会响应由布局变化所导致的组件大小、位置发生变化时的回调
组件尺寸变化事件	`onSizeChange(event: SizeChangeCallback): T`	组件区域变化时触发该回调。仅会响应由布局变化所导致的组件尺寸发生变化时的回调。由绘制变化所导致的渲染属性变化不会响应回调，如 translate、offset
	`SizeChangeCallback = (oldValue: SizeOptions, newValue: SizeOptions) => void`	组件区域变化时的回调类型
组件可见区域变化事件	`onVisibleAreaChange(ratios: Array<number>, event: VisibleAreaChangeCallback): T`	组件可见区域变化时触发该回调
	`onVisibleAreaApproximateChange(options: VisibleAreaEventOptions, event: VisibleAreaChangeCallback \| undefined): void`	设置onVisibleAreaChange事件的回调参数，限制它的执行间隔
组件快捷键事件	`keyboardShortcut(value: string \| FunctionKey, keys: Array<ModifierKey>, action?: () => void): T`	设置组件的自定义组合键
自定义事件分发	`onChildTouchTest(event: (value: Array<TouchTestInfo>) => TouchResult): T`	当前组件可通过设置回调来自定义子节点如何去做触摸测试
自定义事件拦截	`onTouchIntercept(callback: Callback<TouchEvent, HitTestMode>)`	为组件提供自定义的事件拦截能力，开发者可根据事件在控件上按下时发生的位置，输入源等事件信息决定控件上的 HitTestMode 属性
焦点轴事件	`onFocusAxisEvent(event: Callback<FocusAxisEvent>): T`	绑定该方法的组件获焦后，游戏手柄上的摇杆、十字键等的操作会触发该回调
轴事件	`onAxisEvent(event: (event: AxisEvent) => void): T`	鼠标滚轮滚动或触控板双指移动触发该回调

组件通用属性速查表

通用属性	属性名称	简要说明
尺寸设置	`width(value: Length)`	设置组件自身的宽度，缺省时使用元素自身内容需要的宽度。若子组件的宽大于父组件的宽，则会画出父组件的范围。
	`height(value: Length)`	设置组件自身的高度，缺省时使用元素自身内容需要的高度。若子组件的高大于父组件的高，则会画出父组件的范围。
	`width(widthValue: Length \| LayoutPolicy)`	设置组件自身的宽度或水平方向布局策略，缺省时使用元素自身内容需要的宽度。若子组件的宽大于父组件的宽，则会画出父组件的范围
	`height(heightValue: Length \| LayoutPolicy)`	设置组件自身的高度或垂直方向布局策略，缺省时使用元素自身内容需要的高度。若子组件的高大于父组件的高，则会画出父组件的范围
	`size(value: SizeOptions)`	设置高宽尺寸
	`padding(value: Padding \| Length \| LocalizedPadding)`	设置内边距属性
	`margin(value: Margin \| Length \| LocalizedMargin)`	设置外边距属性
	`safeAreaPadding(value: Padding \| LengthMetrics \| LocalizedPadding)`	设置安全区边距属性。允许容器向自身添加组件级安全区域，供子组件延伸
	`layoutWeight(value: number \| string)`	设置组件的布局权重，使用该属性的组件在父容器（Row/Column/Flex）的主轴方向按照权重分配尺寸
	`constraintSize(value: ConstraintSizeOptions)`	设置约束尺寸，组件布局时，进行尺寸范围限制
位置设置	`align(value: Alignment)`	设置容器元素绘制区域内的子元素的对齐方式
	`direction(value: Direction)`	设置容器元素内主轴方向上的布局
	`position(value: Position \| Edges \| LocalizedEdges)`	绝对定位，确定子组件相对父组件的位置
	`markAnchor(value: Position \| LocalizedPosition)`	设置元素在位置定位时的锚点
	`offset(value: Position \| Edges \| LocalizedEdges)`	相对偏移，组件相对原本的布局位置进行偏移
	`alignRules(value: AlignRuleOption)`	指定设置在相对容器中子组件的对齐规则，仅当父容器为RelativeContainer时生效
	`alignRules(alignRule: LocalizedAlignRuleOptions)`	指定设置在相对容器中子组件的对齐规则，仅当父容器为RelativeContainer时生效。该方法水平方向上以 start 和 end 分别替代原方法的 left 和 right，以便在 RTL 模式下能镜像显示，建议使用该方法指定设置在相对容器中子组件的对齐规则
布局约束	`aspectRatio(value: number)`	指定当前组件的宽高比，aspectRatio=width/height
	`displayPriority(value: number)`	设置当前组件在布局容器中显示的优先级
组件级像素取整	`pixelRound(value: PixelRoundPolicy)`	指定当前组件在指定方向上的像素取整对齐方式，某方向不设置时默认在该方向进行四舍五入取整
Flex 布局	`flexBasis(value: number \| string)`	设置组件的基准尺寸
	`flexGrow(value: number)`	设置组件在父容器的剩余空间所占比例
	`flexShrink(value: number)`	置父容器压缩尺寸分配给此属性所在组件的比例。当父容器为 Column、Row 时，需设置主轴方向的尺寸
	`alignSelf(value: ItemAlign)`	子组件在父容器交叉轴的对齐格式
边框设置	`border(value: BorderOptions)`	设置边框样式
	`borderStyle(value: BorderStyle \| EdgeStyles)`	设置元素的边框线条样式
	`borderWidth(value: Length \| EdgeWidths \| LocalizedEdgeWidths)`	设置边框的宽度
	`borderColor(value: ResourceColor \| EdgeColors \| LocalizedEdgeColors)`	设置边框的颜色
	`borderRadius(value: Length \| BorderRadiuses \| LocalizedBorderRadiuses)`	设置边框的圆角。圆角大小受组件尺寸限制，最大值为组件宽或高的一半
图片边框设置	`borderImage(value: BorderImageOption)`	设置组件的图片边框
背景设置	`background(builder: CustomBuilder, options?: { align?: Alignment })`	设置组件背景
	`backgroundColor(value: ResourceColor)`	设置组件背景色
	`backgroundImage(src: ResourceStr \| PixelMap, repeat?: ImageRepeat)`	设置组件的背景图片
	`backgroundImageSize(value: SizeOptions \| ImageSize)`	设置组件背景图片的宽高
	`backgroundImagePosition(value: Position \| Alignment)`	设置背景图的位置
	`backgroundBlurStyle(value: BlurStyle, options?: BackgroundBlurStyleOptions)`	为当前组件提供一种在背景和内容之间的模糊能力，通过枚举值的方式封装了不同的模糊半径、蒙版颜色、蒙版透明度、饱和度、亮度
	`backdropBlur(value: number, options?: BlurOptions)`	为组件添加背景模糊效果，可以自定义设置模糊半径和灰阶参数
	`backgroundEffect(options: BackgroundEffectOptions)`	设置组件背景属性，包含背景模糊半径，亮度，饱和度，颜色等参数
	`backgroundImageResizable(value: ResizableOptions)`	设置背景图在拉伸时可调整大小的图像选项
	`backgroundBrightness(params: BackgroundBrightnessOptions)`	设置组件背景提亮效果
透明度设置	`opacity(value: number \| Resource)`	设置组件的不透明度
显隐控制	`visibility(value: Visibility)`	控制组件的显隐
禁用控制	`enabled(value: boolean)`	设置组件是否可交互
浮层	`overlay(value: string \| CustomBuilder \| ComponentContent, options?: OverlayOptions )`	在当前组件上，增加遮罩文本或者叠加自定义组件以及 ComponentContent 作为该组件的浮层。浮层不通过组件树进行渲染，部分接口（例如getRectangleById）不支持获取浮层中的组件
Z 序控制	`zIndex(value: number)`	设置组件的堆叠顺序
图形变换	`rotate(value: RotateOptions)`	设置组件旋转
	`translate(value: TranslateOptions)`	设置组件平移
	`scale(value: ScaleOptions)`	设置组件缩放
	`transform(value: object)`	设置组件的变换矩阵
图像效果	`blur(value: number, options?: BlurOptions)`	为组件添加内容模糊效果
	`shadow(value: ShadowOptions \| ShadowStyle)`	为组件添加阴影效果
	`grayscale(value: number)`	为组件添加灰度效果
	`brightness(value: number)`	为组件添加高光效果
	`saturate(value: number)`	为组件添加饱和度效果
	`contrast(value: number)`	为组件添加对比度效果
	`invert(value: number \| InvertOptions)`	反转输入的图像
	`sepia(value: number)`	将图像转换为深褐色
	`hueRotate(value: number \| string)`	色相旋转效果
	`colorBlend(value: Color \| string \| Resource)`	为组件添加颜色叠加效果
	`linearGradientBlur(value: number, options: LinearGradientBlurOptions)`	为组件添加内容线性渐变模糊效果
	`renderGroup(value: boolean)`	设置当前控件和子控件是否先整体离屏渲染绘制后再与父控件融合绘制
	`blendMode(value: BlendMode, type?: BlendApplyType)`	将当前控件的内容（包含子节点内容）与下方画布（可能为离屏画布）已有内容进行混合
	`useShadowBatching(value: boolean)`	控件内部子节点的阴影进行同层绘制，同层元素阴影重叠
	`sphericalEffect(value: number)`	设置组件的图像球面化程度
	`lightUpEffect(value: number)`	设置组件图像亮起程度
	`pixelStretchEffect(options: PixelStretchEffectOptions)`	设置组件的图像边缘像素扩展距离
	`systemBarEffect()`	根据背景进行智能反色并且带有模糊效果
	`FractionStop = [ number, number ]`	定义模糊段
	`freeze(value: boolean)`	设置当前控件和子控件是否整体离屏渲染绘制后重复绘制缓存，不再进行内部属性更新
形状裁剪	`clip(value: boolean)`	是否对子组件超出当前组件范围外的区域进行裁剪
	`clip(value: boolean \| CircleAttribute \| EllipseAttribute \| PathAttribute \| RectAttribute)`	按指定的形状对当前组件进行裁剪
	`mask(value: ProgressMask)`	为组件上添加可调节进度的遮罩
	`maskShape(value: CircleShape \| EllipseShape \| PathShape \| RectShape)`	为组件上添加指定形状的遮罩
	`constructor(value: number, total: number, color: ResourceColor)`	构造 ProgressMask 对象
	`updateProgress(value: number): void`	更新进度遮罩的进度值
	`updateColor(value: ResourceColor): void`	更新进度遮罩的颜色
	`enableBreathingAnimation(value: boolean): void`	进度满时的呼吸光晕动画开关。默认关闭呼吸光晕动画
	`linearGradient(value: {angle?: number \| string; direction?: GradientDirection; colors: Array<[ResourceColor, number]>; repeating?: boolean;})`	线性渐变
	`sweepGradient(value: {center: [Length, Length]; start?: number \| string; end?: number \| string; rotation?: number \| string; colors: Array<[ResourceColor, number]>; repeating?: boolean;})`	角度渐变
	`radialGradient(value: { center: [Length, Length]; radius: number \| string; colors: Array<[ResourceColor, number]>; repeating?: boolean })`	径向渐变
Popup 控制	`bindPopup(show: boolean, popup: PopupOptions \| CustomPopupOptions)`	给组件绑定 Popup 弹窗
菜单控制	`bindMenu(content: Array \| CustomBuilder, options?: MenuOptions)`	给组件绑定菜单，点击后弹出菜单。弹出菜单项支持图标+文本排列和自定义两种功能
	`bindMenu(isShow: boolean, content: Array \| CustomBuilder, options?: MenuOptions)`	给组件绑定菜单，点击后弹出菜单。弹出菜单项支持图标+文本排列和自定义两种功能
	`bindContextMenu(content: CustomBuilder, responseType: ResponseType, options?: ContextMenuOptions)`	给组件绑定菜单，触发方式为长按或者右键点击，弹出菜单项需要自定义
	`bindContextMenu(isShown: boolean, content: CustomBuilder, options?: ContextMenuOptions)`	给组件绑定菜单，触发方式为控制绑定的 isShown
焦点控制	`focusable(value: boolean)`	设置当前组件是否可以获焦
	`tabIndex(index: number)`	自定义组件 tab 键走焦能力
	`defaultFocus(value: boolean)`	设置当前组件是否为当前页面上的默认焦点
	`groupDefaultFocus(value: boolean)`	设置当前组件是否为当前组件所在容器获焦时的默认焦点
	`focusOnTouch(value: boolean)`	设置当前组件是否支持点击获焦能力
	`focusBox(style: FocusBoxStyle): T`	设置当前组件系统焦点框样式
	`requestFocus(value: string): boolean`	方法语句中可使用的全局接口，调用此接口可以主动让焦点转移至参数指定的组件上
	`focusScopePriority(scopeId: string, priority?: FocusPriority): T`	设置当前组件在指定容器内获焦的优先级。需要配合 focusScopeId 一起使用
	`focusScopeId(id: string, isGroup?: boolean)`	设置当前容器组件的 id 标识，设置当前容器组件是否为焦点组
	`focusScopeId(id: string, isGroup?: boolean, arrowStepOut?: boolean)`	设置当前容器组件的 id 标识，设置当前容器组件是否为焦点组
	`tabStop(isTabStop: boolean) :T`	设置当前容器组件的 tabStop，可决定在走焦时焦点是否会停留在当前容器
悬浮态效果	`hoverEffect(value: HoverEffect)`	设置组件的鼠标悬浮态显示效果
组件标识	`id(value: string): T`	组件的唯一标识，唯一性由使用者保证
	`key(value: string): T`	组件的唯一标识，唯一性由使用者保证
	`getInspectorByKey(id: string): string`	获取指定 id 的组件的所有属性，不包括子组件信息。此接口仅用于对应用的测试。由于耗时长，不建议使用
	`getInspectorTree(): Object`	获取组件树及组件属性。此接口仅用于对应用的测试。由于耗时长，不建议使用
	`sendEventByKey(id: string, action: number, params: string): boolean`	给指定 id 的组件发送事件。此接口仅用于对应用的测试。由于耗时长，不建议使用
	`sendTouchEvent(event: TouchObject): boolean`	发送触摸事件。此接口仅用于对应用的测试。由于耗时长，不建议使用
	`sendKeyEvent(event: KeyEvent): boolean`	发送按键事件。此接口仅用于对应用的测试。由于耗时长，不建议使用
	`sendMouseEvent(event: MouseEvent): boolean`	发送鼠标事件。此接口仅用于对应用的测试。由于耗时长，不建议使用
复用标识	`reuseId(id: string)`	复用标识，用于划分自定义组件的复用组
多态样式	`stateStyles(value: StateStyles)`	设置组件不同状态的样式
分布式迁移标识	`restoreId(value: number)`	标记支持分布式迁移的组件 Id，用于两端设备组件的配对
前景色设置	`foregroundColor(value: ResourceColor \| ColoringStrategy)`	设置组件的前景色。当组件未设置前景色，默认继承父组件
前景属性设置	`foregroundEffect(options: ForegroundEffectOptions)`	设置组件的前景属性
组件内容模糊	`foregroundBlurStyle(value: BlurStyle, options?: ForegroundBlurStyleOptions)`	为当前组件提供内容模糊能力
运动模糊	`motionBlur(value: MotionBlurOptions)`	在当前组件由缩放大小或位移变化引起的运动过程中，增加动态模糊效果
点击回弹效果	`clickEffect(value: ClickEffect \| null)`	设置当前组件点击回弹效果
无障碍属性	`accessibilityGroup(value: boolean)`	设置是否启用无障碍分组。启用无障碍分组后该组件及其所有子组件将作为一整个可以选中的组件，无障碍服务将不再关注其子组件内容。
	`accessibilityGroup(isGroup: boolean, accessibilityOptions: AccessibilityOptions)`	设置是否启用无障碍分组，支持优先拼接无障碍文本进行朗读。启用无障碍分组后该组件及其所有子组件将作为一整个可以选中的组件，无障碍服务将不再关注其子组件内容
	`accessibilityText(value: string)`	设置无障碍文本。当组件不包含文本属性时，开发人员可通过设置无障碍文本属性，使不包含文字信息的组件能够播报无障碍文本的内容
	`accessibilityText(text: Resource)`	设置无障碍文本，支持通过 Resource 引用资源文件。当组件不包含文本属性时，开发人员可通过设置无障碍文本属性，使不包含文字信息的组件能够播报无障碍文本的内容
	`accessibilityDescription(value: string)`	设置无障碍说明。该属性用于为用户进一步说明当前组件，开发人员可为组件设置相对较详细的解释文本，帮助用户理解将要执行的操作
	`accessibilityDescription(description: Resource)`	设置无障碍说明，支持通过 Resource 引用资源文件。该属性用于为用户进一步说明当前组件，开发人员可为组件设置相对较详细的解释文本，帮助用户理解将要执行的操作
	`accessibilityLevel(value: string)`	设置无障碍重要性。该属性用于控制某个组件是否可被无障碍辅助服务所识别
	`accessibilityVirtualNode(builder: CustomBuilder)`	设置无障碍虚拟子节点。对自绘制组件传入一个自定义的 CustomBuilder，该 CustomBuilder 中的组件在后端仅做布局不做显示，辅助应用获取无障碍节点信息时会返回 CustomBuilder 中的节点信息
	`accessibilityChecked(isCheck: boolean)`	无障碍节点是否选中的状态维护，用于支持多选的情况使用，表示组件是否被选中
	`accessibilitySelected(isSelect: boolean)`	无障碍节点是否选中的状态维护，用于支持单选的情况使用，表示组件是否被选中
	`accessibilityTextHint(value: string)`	设置组件的文本提示信息，供无障碍辅助应用查询
动态属性设置	`attributeModifier(modifier: AttributeModifier<T>)`	动态设置组件的属性方法
	`applyNormalAttribute(instance: T) : void`	组件普通状态时的样式
	`applyPressedAttribute(instance: T) : void`	组件按压状态的样式
	`applyFocusedAttribute(instance: T) : void`	组件获焦状态的样式
	`applyDisabledAttribute(instance: T) : void`	组件禁用状态的样式
	`applySelectedAttribute(instance: T) : void`	组件选中状态的样式
动态手势设置	`gestureModifier(modifier: GestureModifier)`	动态设置组件绑定的手势
	`applyGesture(event: UIGestureEvent): void`	组件需要绑定的手势
外描边设置	`outline(value: OutlineOptions)`	统一外描边样式设置接口
	`outlineStyle(value: OutlineStyle \| EdgeOutlineStyles)`	设置元素的外描边样式
	`outlineWidth(value: Dimension \| EdgeOutlineWidths)`	设置元素的外描边宽度
	`outlineColor(value: ResourceColor \| EdgeColors)`	设置元素的外描边颜色
	`outlineRadius(value: Dimension \| OutlineRadiuses)`	设置元素的外描边圆角半径
视效设置	`visualEffect(effect: VisualEffect): T`	设置非滤镜视觉效果
	`backgroundFilter(filter: Filter): T`	设置背景滤镜视觉效果
	`foregroundFilter(filter: Filter): T`	设置前景滤镜（内容）视觉效果
	`compositingFilter(filter: Filter): T`	设置合成滤镜视觉效果
自定义绘制设置	`drawModifier(modifier: DrawModifier \| undefined)`	设置组件的自定义绘制修改器
	`drawFront?(drawContext: DrawContext): void`	自定义绘制前景的接口，若重载该方法则可进行前景的自定义绘制
	`drawContent?(drawContext: DrawContext): void`	自定义绘制内容的接口，若重载该方法可进行内容的自定义绘制，会替换组件原本的内容绘制函数
	`drawBehind?(drawContext: DrawContext): void`	自定义绘制背景的接口，若重载该方法则可进行背景的自定义绘制
	`invalidate(): void`	主动触发重绘的接口，开发者无需也无法重载，调用会触发所绑定组件的重绘
自定义内容	`contentModifier(modifier:ContentModifier<T>)`	定制内容区的方法
	`applyContent() : WrappedBuilder<[T]>`	定制内容区的 Builder
自定义属性设置	`customProperty(name: string, value: Optional<Object>)`	设置组件的自定义属性。自定义组件不支持设置自定义属性
触摸交互控制	`responseRegion(value: Array \| Rectangle)`	设置一个或多个触摸热区
	`hitTestBehavior(value: HitTestMode)`	设置组件的触摸测试类型
模态转场设置	`bindContentCover(isShow: Optional<boolean>, builder: CustomBuilder, options?: ContentCoverOptions)`	给组件绑定全屏模态页面，点击后显示模态页面。模态页面内容自定义，显示方式可设置无动画过渡，上下切换过渡以及透明渐变过渡方式
	`bindSheet(isShow: Optional<boolean>, builder: CustomBuilder, options?: SheetOptions)`	给组件绑定半模态页面，点击后显示模态页面
隐私遮罩	`obscured(reasons: Array<ObscuredReasons>)`	设置组件内容的遮罩类型
文本通用 ⭐	`fontColor(value: ResourceColor)`	设置字体颜色
	`fontSize(value: number \| string \| Resource)`	设置字体大小
	`fontStyle(value: FontStyle)`	设置字体样式
	`fontWeight(value: number \| FontWeight \| string)`	设置文本的字体粗细，设置过大可能会在不同字体下有截断
	`fontFamily(value: string \| Resource)`	设置字体列表
	`lineHeight(value: number \| string \| Resource)`	设置文本的文本行高，设置值不大于 0 时，不限制文本行高，自适应字体大小
	`decoration(value: DecorationStyleInterface)`	设置文本装饰线样式及其颜色
拖拽控制	`allowDrop(value: Array \| null)`	设置该组件上允许落入的数据类型
	`draggable(value: boolean)`	设置该组件是否允许进行拖拽
	`dragPreview(value: CustomBuilder \| DragItemInfo \| string)`	设置组件拖拽过程中的预览图
	`dragPreview(preview: CustomBuilder \| DragItemInfo \| string, config?: PreviewConfiguration):T`	自定义组件拖拽过程中的预览图，仅用于设置浮起效果或者禁用浮起效果
	`dragPreviewOptions(value: DragPreviewOptions, options?: DragInteractionOptions)`	设置拖拽过程中背板图处理模式及数量角标的显示。不支持 onItemDragStart 拖拽方式
安全区域	`expandSafeArea(types?: Array<SafeAreaType>, edges?: Array<SafeAreaEdge>)`	控制组件扩展其安全区域
	`setKeyboardAvoidMode(value: KeyboardAvoidMode): void`	控制虚拟键盘抬起时页面的避让模式
	`getKeyboardAvoidMode(): KeyboardAvoidMode`	返回虚拟键盘抬起时的页面避让模式
组件内容填充方式	`renderFit(fitMode: RenderFit)`	设置宽高动画过程中的组件内容填充方式
事件独占控制	`monopolizeEvents(monopolize: boolean)`	设置组件是否独占事件
鼠标光标控制	`setCursor(value: PointerStyle): void`	更改当前的鼠标光标样式
	`restoreDefault(): void`	将鼠标光标恢复成默认的箭头光标样式
特效绘制合并	`useEffect(value: boolean)`	用于对背景模糊等特效进行绘制合并
	`useEffect(useEffect: boolean, effectType: EffectType)`	用于设置组件是否应用窗口定义的效果模板

ArkTS 组件通用事件通用属性速查表

ArkTS 组件组件通用事件速查表通用事件事件名称简要说明点击事件onClick(event: Callback<ClickEvent>, distanceThreshold: number): T相较于原有 onClick 接口，新增 distanceThreshold 参数作为点击事件移动阈值，当手指的移动距离超出所设…...

编程日记 2025/6/1 11:21:46

SOAP API 和 REST API

SOAP API 和 REST API 是两种主流的 Web 服务通信架构，它们在设计理念、数据格式、协议支持和应用场景上有显著差异。以下是两者的核心对比及典型应用场景： 1. 核心概念与设计哲学特性SOAP APIREST API本质协议（基于 XML 的标准化协议&…...

编程日记 2025/5/29 9:53:18

简单了解Java的I/O流机制与文件读写操作

一、理解Java的I/O流机制字节流 Java中的字节流主要由 InputStream 和 OutputStream 这两个抽象类及其子类构成。字节流以字节（byte）为基本处理单元，适用于处理所有类型的数据，包括文本、图片、音频、视频等。 1. InputStream…...

编程日记 2025/5/27 7:50:31

PCIe 转 U.2 接双硬盘指南 - 超微（Supermicro）主板

前言公司服务器空间不够想扩容，尝试折腾了下超微（Supermicro）服务器的 PCIe 转 U.2，踩了一点小坑，特地写下来给大家参考一下。现在市面上 U.2 接口的企业级固态硬盘相对其他类型接口的固态硬盘便宜很多 &#xff…...

编程日记 2025/5/27 5:37:24

【上位机——MFC】文档

相关类 CDocument提供了一个用于管理数据的类，封装了关于数据的管理(数据提取、数据转换、数据存储等)，并和视图类进行数据交互。文档类使用定义一个自己的文档类，派生自CDocument 程序的创建过程 1.利用框架类对象地址pFrame调用Load…...

编程日记 2025/5/28 16:22:43

JavaEE-多线程实战02

接上多线程编程实战01 第三个多线程程序 package thread.test;//定义了一个叫MyThread3的类，实现了Runable接口,所以它必须重写run()方法 class MyThread3 implements Runnable {Overridepublic void run() {//线程执行的具体内容//进入一个无限循环，…...

编程日记 2025/5/29 9:02:21

计算机网络 | 应用层（6） -- 套接字编程

💓个人主页：mooridy 💓专栏地址：《计算机网络：自顶向下方法》大纲式阅读笔记_mooridy的博客-CSDN博客 💓本博客内容为《计算机网络：自顶向下方法》第二章应用层第七节知识梳理关注我&#x1f…...

编程日记 2025/6/1 15:51:31

基于大模型的急性肠套叠全流程预测与诊疗方案研究报告

目录一、引言 1.1 研究背景与目的 1.2 研究意义与创新点二、急性肠套叠概述 2.1 定义与分类 2.2 病因与发病机制 2.3 流行病学特征三、大模型技术原理与应用现状 3.1 大模型基本原理 3.2 在医疗领域的应用案例 3.3 用于急性肠套叠预测的可行性分析四、术前风险…...

编程日记 2025/5/24 13:12:45

游戏遭遇DDoS攻击如何快速止损？实战防御策略与应急响应指南

是不是很抽象我自己画的一、游戏DDoS攻击特征深度解析游戏行业DDoS攻击呈现复合型特征，2023年监测数据显示，针对游戏服务器的攻击中，63%采用UDP反射放大HTTP慢速攻击组合，攻击峰值达3.2Tbps。攻击者利用游戏协议特性&#xff…...

编程日记 2025/5/29 13:09:29

Linux电源管理(2)_常规的电源管理的基本概念和软件架构

原文： Linux电源管理(2)_Generic PM之基本概念和软件架构 1. 前言 Linux系统中那些常规的电源管理手段，包括关机（Power off）、待机（Standby or Hibernate）、重启（Reboot）等。这些…...

编程日记 2025/5/20 12:54:44

回文链表力扣234

思路: 对于这个题同样的找出题目的要求 1.判断回文那么我们思考一下判断回文的方法，对于字符串我们只需要翻转一下就行，但是这不是通用的方法，在思考一下，我们是不是可以用双指针，一个在前一个在后，向中…...

编程日记 2025/5/31 5:51:07

互联网的下一代脉搏：深入理解 QUIC 协议

互联网的下一代脉搏：深入理解 QUIC 协议互联网是现代社会的基石，而数据在其中高效、安全地传输是其运转的关键。长期以来，传输层的 TCP（传输控制协议）一直是互联网的主力军。然而，随着互联网应用场景的日…...

编程日记 2025/5/27 21:22:41

榕壹云国际版短剧系统：基于Spring Boot+MySQL+UniApp的全球短剧创作平台

一、项目背景与简介在短视频行业高速发展的今天，短剧内容已成为全球用户娱乐消费的新宠。为满足市场对高质量、多样化短剧的需求，我们基于Spring Boot + MySQL + UniApp技术栈开发了榕壹云国际版短剧系统，这是一款面向全球市场的短剧创作与分发平台。系统不仅提供丰富的基…...

编程日记 2025/5/27 9:13:44

为什么选择 Spring Boot？它是如何简化单个微服务的创建、配置和部署的？

为什么选择 Spring Boot？ Spring Boot 的核心目标就是简化 Spring 应用的初始搭建以及开发过程。它并不是要取代 Spring Framework，而是构建在其之上，通过一系列“约定优于配置”的原则和自动化手段，让开发者能够更快的创建出独立…...

编程日记 2025/5/19 10:54:12

方向倒数、梯度和梯度下降的对比关系

一、方向导数与梯度的定义 ‌方向导数‌ 方向导数描述多元函数在某点沿特定方向的变化率。对于函数f(x,y)，在点(x0,y0)沿单位向量u(u1,u2)的方向导数定义为： 其物理意义是函数值沿该方向的瞬时变化速率，正负表示增减趋势&#xff0c…...

编程日记 2025/5/23 7:03:20

全星APQP软件系统：驱动芯片半导体行业研发管理迈向高效与合规新高度

全星APQP软件系统：驱动芯片半导体行业研发管理迈向高效与合规新高度在芯片半导体行业，一款芯片的研发周期长达数年，涉及设计验证、工艺开发、良率爬坡、量产交付等数百个关键节点，任何一个环节的偏差都可能导致数千万美元的损失…...

编程日记 2025/5/29 13:08:32

文章记单词 | 第50篇（六级）

一，单词释义 fun：英 [fʌn] 美 [fʌn]，名词，意为 “享乐；乐趣；快乐；嬉戏；有趣的事；玩笑；逗乐”；形容词，意为 “逗乐的；有…...

编程日记 2025/5/26 11:38:40

RISC-V MCU定时器架构与低功耗设计

RISC-V核低功耗MCU在定时器架构和功耗控制方面具有以下特点： 定时器配置高级控制定时器：支持互补PWM输出和刹车功能，适合电机控制等场景通用定时器：提供输入捕获、输出比较和单脉冲模式等基础功能系统定时器：内置6…...

编程日记 2025/5/29 18:35:58

redis_Windows中安装redis

①Windows安装包下载地址：https://github.com/tporadowski/redis/releases 当前最新版本截图 ②根据自己系统平台的实际情况选择对应的安装包，如：64位win10系统可选择Redis-x64-5.0.14.msi ③下载完成后运行安装，没有特殊要求的话…...

编程日记 2025/5/29 16:35:41

Spring中生成Bean的方式总结-笔记

1. 概略版 Spring生成Bean方式有如下几种，可根据需求选择合适的方式，通常优先使用注解驱动的声明式配置（如Component、Bean），复杂场景结合条件或作用域控制。方式特点适用场景Component 组件扫描简单直观&#xff…...

编程日记 2025/5/29 13:26:19

1.Insightface_pytorch版本的自定义数据准备过程 https://github.com/artintel/LearningCode/blob/master/insightface_pytorch_datasets_make/README.md https://github.com/artintel/LearningCode/tree/master/insightface_pytorch_datasets_make 2.mxnet_insightface开源…...

编程日记 2025/6/1 9:29:44

【MQ篇】RabbitMQ之消费失败重试！

目录引言：消息不丢是底线，失败了优雅重试是修养！消费失败了，为啥不能老是原地复活？🤔智能重试策略一：本地重试（Spring Retry 的魔法）🏠✨智能重试策略二&…...

编程日记 2025/6/1 11:54:35

权力结构下的人才价值重构：从 “工具论” 到 “存在论” 的转变

引言在现在的公司管理里，常常能听到这样一种说法：“我用你，你才是人才；不用你，你啥都不是。” 这其实反映了一种很常见的评判人才价值的标准，就是只看公司的需求，把人才当作实现公司目标的工…...

编程日记 2025/5/22 10:35:24

【上位机——MFC】视图

相关类 CView及其子类，父类为CWnd类，封装了关于视图窗口的各种操作，以及和文档类的数据交互。视图窗口的使用 1.定义一个自己的视图类(CMyView)，派生自CView，并重写父类成员纯虚函数OnDraw。 2.其余框架类和应用程…...

编程日记 2025/5/20 8:01:13

Unity：Sprite Shapes（精灵形状）

游戏世界的基本构建单位——精灵（Sprite） Sprite（精灵）是什么？ Sprite指的是一张小图片，在游戏里代表一个角色、道具、背景元素。在2D游戏里，比如滑雪游戏，角色、小树、雪地……很…...

编程日记 2025/5/29 11:45:35

火语言RPA--钉钉群通知

【组件功能】：向钉钉群发送文本或markdown消息在钉钉群创建自定义机器人（Webhook），在组件配置Webhook地址、密钥、文本内容即可向钉钉群发送文本或markdown消息，还可以at群成员或所有人。配置预览配置说明 Webho…...

编程日记 2025/5/29 13:14:24

详细图解 Path-SAM2: Transfer SAM2 for digital pathology semantic segmentation

✨ 背景动机数字病理中的语义分割（semantic segmentation）是非常关键的，比如肿瘤检测、组织分类等。SAM（Segment Anything Model）推动了通用分割的发展，但在病理图像上表现一般。病理图像（Pa…...

编程日记 2025/5/31 8:21:21

驯龙日记：用Pandas驾驭数据的野性

引言：为什么选择Pandas？ "NumPy是手术刀，Pandas是急救箱" 手术刀（NumPy）：精密的数值计算急救箱（Pandas）：处理现实数据的全套工具维度NumPy数组Pandas Se…...

编程日记 2025/5/25 10:14:38

产品经理面经（1）

今天开一个新的栏目，是关于产品经理方面的。产品经理这个岗位每年的需求都是不少的，尤其是近年来AI的兴起造就了产品经理与AI方面深度融合从而催生了“AI产品经理”这种类型的岗位。具体数据如下总体规模： 2020 年：受疫情影响&am…...

编程日记 2025/5/31 23:18:50

【黑马JavaWeb+AI知识梳理】前端Web基础02 - JS+Vue+Ajax

JS（行为/交互效果） JavaScript（JS）跨平台、面向对象，是用来控制网页行为，实现页面交互效果的脚本语言。和Java完全不同，但基础语法类似。组成： ECMAScript：规定了JS…...

编程日记 2025/5/24 23:50:20

Unity Post Processing 小记【使用泛光实现灯光亮度效果】

一、前言本篇适用于Unity 2018 - 2019及以上版本，以默认渲染管线为例。文章内容源于个人研究尝试与网络资料收集，可能存在不准确之处。初衷是因新版本制作时老的Bloom插件失效，经研究后分享开启Bloom效果的方法。若在项目中使用Post Proces…...

编程日记 2025/5/19 9:03:01

NFC 碰一碰发视频贴牌技术，音频功能的开发实践与技术解析

在数字化营销与信息交互场景中，NFC 碰一碰技术凭借其便捷性和高效性，成为快速传递多媒体内容的新选择。通过 NFC 实现视频音频的快速传输，不仅能提升用户体验，还能为各类场景带来创新应用。本文将深入探讨该功能开发过程中的关键技…...

编程日记 2025/5/28 19:10:38

新型“电力寄生虫“网络钓鱼攻击瞄准能源企业与知名品牌

本周发布的综合威胁报告显示，自2024年以来，一场名为"电力寄生虫"（Power Parasites）的复杂网络钓鱼活动持续针对全球能源巨头和知名品牌展开攻击。该攻击活动主要通过精心设计的投资骗局和虚假招聘信息，冒用…...

编程日记 2025/5/26 9:12:09

如何将数据输入到神经网络中

引言在前面的文章学习中，我们初步了解到神经网络在人工智能领域扮演着至关重要的角色，它具备实现真正人工智能的潜力。真正的人工智能意味着机器能够像人类一样进行感知、学习、推理和决策等复杂活动。而神经网络作为实现这一目标的关键技术&#xff0c…...

编程日记 2025/5/28 13:59:05

【quantity】2 Unit 结构体（unit.rs）

一、源码下面代码实现了一个基于类型级别的物理量单位系统，使用Rust的类型系统在编译期保证单位运算的正确性。 use typenum::{Integer, Sum, Diff, Z0, // 0P1, P2, P3, P4, // 1, 2, 3, 4N1, N2, N3 // -1, -2, -3 }; use std::marker::PhantomData; use st…...

编程日记 2025/5/27 6:04:41

OpenCV 图形API（66）图像结构分析和形状描述符------将一条直线拟合到三维点集上函数fitLine3D()

操作系统：ubuntu22.04 OpenCV版本：OpenCV4.9 IDE:Visual Studio Code 编程语言：C11 算法描述拟合一条直线到3D点集。该函数通过最小化 ∑iρ(ri) 来将一条直线拟合到3D点集，其中 ri 是第 i 个点与直线之间的距离，…...

编程日记 2025/6/1 17:13:09

uniapp: 低功耗蓝牙（BLE）的使用

在微信小程序中实现蓝牙对接蓝牙秤的重量功能，主要依赖微信小程序提供的低功耗蓝牙（BLE）API。以下是一个清晰的步骤指南，帮助你完成从连接蓝牙秤到获取重量数据的开发流程。需要注意的是，具体实现可能因蓝牙秤的协议和…...

编程日记 2025/5/11 5:03:37

谢飞机的Java面试之旅：从Spring Boot到Kubernetes的挑战

场景：互联网大厂Java求职在一家知名互联网大厂的面试现场，严肃的面试官坐在谢飞机的对面，开始了面试。第一轮：基础技术与平台面试官：谢先生，您能简单介绍一下Java SE 8的主要新特性吗？谢飞机：当然，Java 8引入了Lambda表达式、Stream API和新的日期时间API。 …...

编程日记 2025/5/11 5:04:02

Shadertoy着色器移植到Three.js经验总结

Shadertoy是一个流行的在线平台，用于创建和分享WebGL片段着色器。里面有很多令人惊叹的画面，甚至3D场景。本人也移植了几个ShaderToy上的着色器。本文将详细介绍移植过程中需要注意的关键点。 1. 基本结构差异想要移植ShaderToy的shader到three.js&am…...

编程日记 2025/5/11 5:04:15

基于BenchmarkSQL的OceanBase数据库tpcc性能测试

基于BenchmarkSQL的OceanBase数据库tpcc性能测试安装BenchmarkSQL及其依赖安装软件依赖编译BenchmarkSQLBenchmarkSQL props文件配置数据库和测试表配置BenchmarkSQL压测装载测试数据TPC-C压测（固定事务数量）TPC-C压测（固定时长）生成测试报告重复测试流程梳理安装Benchmar…...

编程日记 2025/5/11 5:04:03

Flutter 泛型泛型方法泛型类泛型接口

目录泛型简单使用泛型类的简单使用泛型接口的使用通俗理解:泛型就是解决类接口方法的复用性、以及对不特定数据类型的支持(类型校验) 泛型简单使用 main(){print(getData2("XXX"));getData2<String>("XXX");getData2<int>(1);}Str…...

编程日记 2025/5/11 5:04:00

边缘函数：全栈开发的最后1毫秒性能革命

一、边缘计算的时空折叠术 1. 传统CDN vs. 智能边缘网络全球电商平台实测数据： 场景云端处理延迟边缘处理延迟转化率提升搜索建议320ms8ms18%个性化推荐450ms12ms27%实时库存检查680ms9ms42%欺诈检测920ms15ms63% 二、边缘全栈架构的量子纠缠 1. 代码的时空分布…...

编程日记 2025/5/28 4:08:12

网店专用版批量转账系统，覆盖淘宝、拼多多、抖店订单信息自动核对+插旗自动备注，支持微信支付宝批量转账

不少电商人在运营过程中，需要用转账工具来解决日常运营过程中的返款问题。但在实际操作过程中，往往有很多问题。东哥在这里梳理下，方便大家了解： 1.错返/漏返的情况时有发生为什么会错返和漏返？ 实际来看&#x…...

编程日记 2025/5/11 5:04:12

AUTOSAR_RS_ClassicPlatformDebugTraceProfile

AUTOSAR经典平台调试、跟踪与分析支持 AUTOSAR组件调试、跟踪与分析功能详解目录简介ARTI核心扩展核心特定ARTI扩展结构核心参数定义操作系统和任务扩展 OS特定ARTI扩展任务特定ARTI扩展软件组件特定扩展总体架构组件结构接口定义错误处理默认错误跟踪器(DET) 总结 1.…...

编程日记 2025/5/11 5:04:04

vue中将html2canvas转成的图片传递给后台 Python Flask 服务

下面将详细介绍如何在 Vue 项目里把 html2canvas 转换得到的图片传递给后台的 Python Flask 服务。前端（Vue）步骤 1. 安装依赖首先要确保已经安装了 html2canvas 和 axios，若未安装，可在终端执行以下命令： npm i…...

编程日记 2025/5/11 5:04:00

基于深度学习的智能交通流量监控与预测系统设计与实现

基于深度学习的智能交通流量监控与预测系统设计与实现摘要随着城市化进程的加速和机动车保有量的激增，交通拥堵、事故频发、环境污染等问题日益严峻，对传统的交通管理方式提出了巨大挑战。智能交通系统（ITS）作为解决这些问题的…...

编程日记 2025/6/2 17:58:54

鸿蒙系统应用开发全栈指南

一、开发环境搭建与工具链配置 1. DevEco Studio深度解析作为鸿蒙生态的官方IDE，DevEco Studio 4.2版本已集成ArkTS 3.0编译器与AI代码助手功能。安装过程需注意： 系统要求：Windows 10 21H2或macOS Monterey以上环境依赖：Node…...

编程日记 2025/5/11 5:04:09

STC32裸机项目集成FreeRTOS的实战问题解析

目录 🍅点击这里查看所有博文随着自己工作的进行，接触到的技术栈也越来越多。给我一个很直观的感受就是，某一项技术/经验在刚开始接触的时候都记得很清楚。往往过了几个月都会忘记的差不多了，只有经常会用到的东西才有可能真正记…...

编程日记 2025/5/11 5:04:13

振弦式应变计在混凝土结构长期监测中的应用与特点久岩传感 GEO-explorer

振弦式应变计在混凝土结构长期监测中的应用与特点久岩传感 GEO-explorer 振弦式应变计是一种专为长期埋设于水工建筑物及各类混凝土结构内部而设计的测量仪器，可广泛应用于梁体、柱体、桩基、挡土墙、隧道衬砌、桥墩及基岩等结构的应变与应力监测，同时具…...

编程日记 2025/5/11 5:04:02

AVFormatContext 再分析

说明 ：将 avfromatContext 的变量依次打印分析，根据ffmpeg 给的说明，猜测，结合网上的文章字节写测试代码分析。从常用到不常用依次分析 1. unsigned int nb_streams; 代表 avfromatContext 中 AVStream **streams 的个数 /** …...

编程日记 2025/5/11 5:04:06

ArkTS 组件

组件 通用事件 速查表

组件 通用属性 速查表

相关文章：

组件通用事件速查表

组件通用属性速查表