diff --git a/en/application-dev/reference/arkui-ts/figures/imageButtonLabelStyle.png b/en/application-dev/reference/arkui-ts/figures/imageButtonLabelStyle.png new file mode 100644 index 0000000000000000000000000000000000000000..1a0f0d9cb7ec8cee7f6f01cc7e1b409f54e129ef Binary files /dev/null and b/en/application-dev/reference/arkui-ts/figures/imageButtonLabelStyle.png differ diff --git a/en/application-dev/reference/arkui-ts/ts-basic-components-button.md b/en/application-dev/reference/arkui-ts/ts-basic-components-button.md index 66e4eae88f46e6b63652d9ebfd8fadc24df2b529..3a3d6c0ad09cb2ec333d162a1b612b65744fc7b3 100644 --- a/en/application-dev/reference/arkui-ts/ts-basic-components-button.md +++ b/en/application-dev/reference/arkui-ts/ts-basic-components-button.md @@ -169,3 +169,41 @@ struct SwipeGestureExample { ``` ![ifButton](figures/ifButton.gif) + +### Example 3 + +```ts +// xxx.ets +@Entry +@Component +struct buttonTestDemo { + @State txt: string = 'overflowTextOverlengthTextOverflow.Clip'; + @State widthShortSize: number = 200; + + build() { + Row() { + Column() { + Button(this.txt) + .width(this.widthShortSize) + .height(100) + .labelStyle({ overflow: TextOverflow.Clip, + maxLines: 1, + minFontSize: 20, + maxFontSize: 20, + font: { + size: 20, + weight: FontWeight.Bolder, + family: 'cursive', + style: FontStyle.Italic + } + }) + .fontSize(40) + } + .width('100%') + } + .height('100%') + } +} +``` + +![image-20230711171138661](figures/imageButtonLabelStyle.png) diff --git a/en/application-dev/reference/arkui-ts/ts-basic-components-gauge.md b/en/application-dev/reference/arkui-ts/ts-basic-components-gauge.md index 6cf611c47dfd4d3d08b3124ec50e38b0ca1a4da7..9cbbc56e8002500fabc1bc85bb978006454cf06e 100644 --- a/en/application-dev/reference/arkui-ts/ts-basic-components-gauge.md +++ b/en/application-dev/reference/arkui-ts/ts-basic-components-gauge.md @@ -68,7 +68,7 @@ struct GaugeExample { // Set the value parameter to 75 and the value attribute to 25. The attribute setting is used. Gauge({ value: 75 }) - .value(25) // If both the attribute and parameter are set, the parameter setting is used. + .value(25) // If both the attribute and parameter are set, the attribute setting is used. .width(200).height(200) .colors([[0x317AF7, 1], [0x5BA854, 1], [0xE08C3A, 1], [0x9C554B, 1]])