harmony 鸿蒙PasteButton
PasteButton
The PasteButton security component represents a paste button that allows you to obtain temporary pasteboard permissions from users with a simple button touch.
NOTE
This component is supported since API version 10. Updates will be marked with a superscript to indicate their earliest API version.
Child Components
Not supported
APIs
PasteButton
PasteButton()
Creates a PasteButton component with an icon, text, and background.
You may want to learn the restrictions on security component styles to avoid authorization failures caused by incompliant styles.
Atomic service API: This API can be used in atomic services since API version 11.
System capability: SystemCapability.ArkUI.ArkUI.Full
PasteButton
PasteButton(options: PasteButtonOptions)
Creates a PasteButton component that contains the specified elements.
You may want to learn the restrictions on security component styles to avoid authorization failures caused by incompliant styles.
Atomic service API: This API can be used in atomic services since API version 11.
System capability: SystemCapability.ArkUI.ArkUI.Full
Parameters
Name | Type | Mandatory | Description |
---|---|---|---|
options | PasteButtonOptions | Yes | Options for creating the PasteButton component. Default value: { icon: PasteIconStyle.LINES, text: PasteDescription.PASTE, buttonType: ButtonType.Capsule } |
PasteButtonOptions
Describes the icon, text, and other specific elements for the PasteButton component.
NOTE
- At least one of icon or text must be provided.
- If neither icon nor text is provided, the options parameter in PasteButton will not take effect, and the created PasteButton component will use the default style:
The default value of PasteIconStyle is LINES.
The default style of PasteDescription is PASTE.
The default value of ButtonType is Capsule. - The icon, text, and buttonType parameters do not support dynamic modification.
Atomic service API: This API can be used in atomic services since API version 11.
System capability: SystemCapability.ArkUI.ArkUI.Full
Name | Type | Mandatory | Description |
---|---|---|---|
icon | PasteIconStyle | No | Icon style of the PasteButton component. If this parameter is not specified, there is no icon. |
text | PasteDescription | No | Text on the PasteButton component. If this parameter is not specified, there is no text description. |
buttonType | ButtonType | No | Background style of the PasteButton component. If this parameter is not specified, the system uses a capsule-type button. |
Attributes
This component can only inherit the universal attributes of security components.
PasteIconStyle
Atomic service API: This API can be used in atomic services since API version 11.
System capability: SystemCapability.ArkUI.ArkUI.Full
Name | Value | Description |
---|---|---|
LINES | 0 | Line style icon. |
PasteDescription
Atomic service API: This API can be used in atomic services since API version 11.
System capability: SystemCapability.ArkUI.ArkUI.Full
Name | Value | Description |
---|---|---|
PASTE | 0 | The text on the PasteButton component is Paste. |
PasteButtonOnClickResult
Atomic service API: This API can be used in atomic services since API version 11.
System capability: SystemCapability.ArkUI.ArkUI.Full
Name | Value | Description |
---|---|---|
SUCCESS | 0 | The PasteButton component is touched successfully. |
TEMPORARY_AUTHORIZATION_FAILED | 1 | Temporary authorization fails after the PasteButton component is touched. |
PasteButtonCallback18+
type PasteButtonCallback = (event: ClickEvent, result: PasteButtonOnClickResult, error?: BusinessError<void>) => void
Triggered when the PasteButton component is clicked.
Atomic service API: This API can be used in atomic services since API version 18.
System capability: SystemCapability.ArkUI.ArkUI.Full
Name | Type | Mandatory | Description |
---|---|---|---|
event | ClickEvent | Yes | See ClickEvent. |
result | PasteButtononClickResult | Yes | Authorization result. After the authorization, the pasteboard content can be read. |
error | BusinessError<void> | No | Error code and message when the component is clicked. Error code 0 indicates successful authorization. Error code 1 indicates an internal system error. Error code 2 indicates attribute setting errors, including but not limited to: 1. The font or icon size is too small. 2. The font or icon color is too similar to the background color. 3. The font or icon color is too transparent. 4. The padding is negative. 5. The component is obscured by other components or windows. 6. The text exceeds the background range. 7. The component exceeds the window or screen bounds. 8. The component size is too large. 9. The component text is truncated and not fully displayed. 10. Related attribute settings affect the display of security components. |
Events
Only the following events are supported.
onClick
onClick(event: PasteButtonCallback)
Called when a click event occurs.
Atomic service API: This API can be used in atomic services since API version 11.
System capability: SystemCapability.ArkUI.ArkUI.Full
Parameters
Name | Type | Mandatory | Description |
---|---|---|---|
event | PasteButtonCallback | Yes | See PasteButtonCallback. In API versions 10 to 17, the parameter type is event: ClickEvent, result: PasteButtononClickResult) => void. Since API version 18, the parameter type changes into PasteButtonCallback. |
Example
// xxx.ets
import { BusinessError } from '@kit.BasicServicesKit';
@Entry
@Component
struct Index {
handlePasteButtonClick: PasteButtonCallback =
(event: ClickEvent, result: PasteButtonOnClickResult, error: BusinessError<void>) => {
if (result == PasteButtonOnClickResult.SUCCESS) {
console.info("success");
} else {
console.info("errCode: " + error.code);
console.info("errMessage: " + error.message);
}
};
build() {
Row() {
Column({ space: 10 }) {
// Create a default button with an icon, text, and background.
PasteButton().onClick(this.handlePasteButtonClick)
// Whether an element is contained depends on whether the parameter corresponding to the element is specified. If buttonType is not passed in, the button uses the ButtonType.Capsule settings.
PasteButton({ icon: PasteIconStyle.LINES })
// Create a button with only an icon and background. If the alpha value of the most significant eight bits of the background color is less than 0x1A, the system forcibly adjusts the alpha value to 0xFF.
PasteButton({ icon: PasteIconStyle.LINES, buttonType: ButtonType.Capsule })
.backgroundColor(0x10007dff)
// Create a button with an icon, text, and background. If the alpha value of the most significant eight bits of the background color is less than 0x1A, the system forcibly adjusts the alpha value to 0xFF.
PasteButton({ icon: PasteIconStyle.LINES, text: PasteDescription.PASTE, buttonType: ButtonType.Capsule })
// Create a button with an icon, text, and background. If the set width is less than the minimum allowed, the button's text will wrap to guarantee full text display.
PasteButton({ icon: PasteIconStyle.LINES, text: PasteDescription.PASTE, buttonType: ButtonType.Capsule })
.fontSize(16)
.width(30)
// Create a button with an icon, text, and background. If the set width is less than the minimum allowed, the button's text will wrap to guarantee full text display.
PasteButton({ icon: PasteIconStyle.LINES, text: PasteDescription.PASTE, buttonType: ButtonType.Capsule })
.fontSize(16)
.size({ width: 30, height: 30 })
// Create a button with an icon, text, and background. If the set width is less than the minimum allowed, the button's text will wrap to guarantee full text display.
PasteButton({ icon: PasteIconStyle.LINES, text: PasteDescription.PASTE, buttonType: ButtonType.Capsule })
.fontSize(16)
.constraintSize({
minWidth: 0,
maxWidth: 30,
minHeight: 0,
maxHeight: 30
})
}.width('100%')
}.height('100%')
}
}
你可能感兴趣的鸿蒙文章
- 所属分类: 后端技术
- 本文标签:
热门推荐
-
2、 - 优质文章
-
3、 gate.io
-
8、 golang
-
9、 openharmony
-
10、 Vue中input框自动聚焦