!20772 对textpicker更新demo代码及动图

Merge pull request !20772 from tengfan/textpicker_0711

zh-cn/application-dev/reference/arkui-ts/ts-basic-components-textpicker.md

@@ -117,3 +117,27 @@ struct TextPickerExample {
 ```
 
 ![textpicker](figures/textpicker.gif)
+
+```ts
+// xxx.ets
+@Entry
+@Component
+struct TextPickerExample {
+  private select: number = 1
+  private fruits: string[] = ['apple1', 'orange2', 'peach3', 'grape4']
+
+  build() {
+    Column() {
+      TextPicker({ range: this.fruits, selected: this.select })
+        .onChange((value: string, index: number) => {
+          console.info('Picker item changed, value: ' + value + ', index: ' + index)
+        })
+        .disappearTextStyle({color: Color.Red, font: {size: 15, weight: FontWeight.Lighter}})
+        .textStyle({color: Color.Black, font: {size: 20, weight: FontWeight.Normal}})
+        .selectedTextStyle({color: Color.Blue, font: {size: 30, weight: FontWeight.Bolder}})
+    }.width('100%').height('100%')
+  }
+}
+```
+
+![textpicker](figures/textpicker1.gif)

zh-cn/application-dev/reference/arkui-ts/ts-methods-textpicker-dialog.md

@@ -58,6 +58,9 @@ struct TextPickerDialogExample {
             TextPickerDialog.show({
               range: this.fruits,
               selected: this.select,
+              disappearTextStyle: {color: Color.Red, font: {size: 15, weight: FontWeight.Lighter}},
+              textStyle: {color: Color.Black, font: {size: 20, weight: FontWeight.Normal}},
+              selectedTextStyle: {color: Color.Blue, font: {size: 30, weight: FontWeight.Bolder}},
               onAccept: (value: TextPickerResult) => {
                 // 设置select为按下确定按钮时候的选中项index，这样当弹窗再次弹出时显示选中的是上一次确定的选项
                 this.select = value.index