1/* 2 * Copyright (c) 2021-2023 Huawei Device Co., Ltd. 3 * Licensed under the Apache License, Version 2.0 (the "License"); 4 * you may not use this file except in compliance with the License. 5 * You may obtain a copy of the License at 6 * 7 * http://www.apache.org/licenses/LICENSE-2.0 8 * 9 * Unless required by applicable law or agreed to in writing, software 10 * distributed under the License is distributed on an "AS IS" BASIS, 11 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 12 * See the License for the specific language governing permissions and 13 * limitations under the License. 14 */ 15 16/** 17 * @file 18 * @kit ArkUI 19 */ 20 21/** 22 * Enum for the mode of the tab bar when selected. 23 * 24 * @enum { number } 25 * @syscap SystemCapability.ArkUI.ArkUI.Full 26 * @crossplatform 27 * @since 10 28 */ 29/** 30 * Enum for the mode of the tab bar when selected. 31 * 32 * @enum { number } 33 * @syscap SystemCapability.ArkUI.ArkUI.Full 34 * @crossplatform 35 * @atomicservice 36 * @since 11 37 */ 38declare enum SelectedMode { 39 /** 40 * The value of indicator 41 * 42 * @syscap SystemCapability.ArkUI.ArkUI.Full 43 * @crossplatform 44 * @since 10 45 */ 46 /** 47 * The value of indicator 48 * 49 * @syscap SystemCapability.ArkUI.ArkUI.Full 50 * @crossplatform 51 * @atomicservice 52 * @since 11 53 */ 54 INDICATOR, 55 56 /** 57 * The value of board 58 * 59 * @syscap SystemCapability.ArkUI.ArkUI.Full 60 * @crossplatform 61 * @since 10 62 */ 63 /** 64 * The value of board 65 * 66 * @syscap SystemCapability.ArkUI.ArkUI.Full 67 * @crossplatform 68 * @atomicservice 69 * @since 11 70 */ 71 BOARD 72} 73 74/** 75 * Enum for the layout mode of the content in the tab bar. 76 * 77 * @enum { number } 78 * @syscap SystemCapability.ArkUI.ArkUI.Full 79 * @crossplatform 80 * @since 10 81 */ 82/** 83 * Enum for the layout mode of the content in the tab bar. 84 * 85 * @enum { number } 86 * @syscap SystemCapability.ArkUI.ArkUI.Full 87 * @crossplatform 88 * @atomicservice 89 * @since 11 90 */ 91declare enum LayoutMode { 92 93 /** 94 * The the content is laid vertically or horizontally, according to its width. 95 * 96 * @syscap SystemCapability.ArkUI.ArkUI.Full 97 * @crossplatform 98 * @since 10 99 */ 100 /** 101 * The the content is laid vertically or horizontally, according to its width. 102 * 103 * @syscap SystemCapability.ArkUI.ArkUI.Full 104 * @crossplatform 105 * @atomicservice 106 * @since 11 107 */ 108 AUTO = 0, 109 /** 110 * The the content is laid vertically 111 * 112 * @syscap SystemCapability.ArkUI.ArkUI.Full 113 * @crossplatform 114 * @since 10 115 */ 116 /** 117 * The the content is laid vertically 118 * 119 * @syscap SystemCapability.ArkUI.ArkUI.Full 120 * @crossplatform 121 * @atomicservice 122 * @since 11 123 */ 124 VERTICAL = 1, 125 126 /** 127 * The the content is laid horizontally 128 * 129 * @syscap SystemCapability.ArkUI.ArkUI.Full 130 * @crossplatform 131 * @since 10 132 */ 133 /** 134 * The the content is laid horizontally 135 * 136 * @syscap SystemCapability.ArkUI.ArkUI.Full 137 * @crossplatform 138 * @atomicservice 139 * @since 11 140 */ 141 HORIZONTAL = 2 142} 143 144 145/** 146 * Provide an interface for the style of an indicator including color, height, width, border radius 147 * and margin top 148 * 149 * @interface IndicatorStyle 150 * @syscap SystemCapability.ArkUI.ArkUI.Full 151 * @crossplatform 152 * @since 10 153 */ 154/** 155 * Provide an interface for the style of an indicator including color, height, width, border radius 156 * and margin top 157 * 158 * @interface IndicatorStyle 159 * @syscap SystemCapability.ArkUI.ArkUI.Full 160 * @crossplatform 161 * @atomicservice 162 * @since 11 163 */ 164interface IndicatorStyle { 165 /** 166 * Define the color of the indicator 167 * 168 * @type { ?ResourceColor } 169 * @syscap SystemCapability.ArkUI.ArkUI.Full 170 * @crossplatform 171 * @since 10 172 */ 173 /** 174 * Define the color of the indicator 175 * 176 * @type { ?ResourceColor } 177 * @syscap SystemCapability.ArkUI.ArkUI.Full 178 * @crossplatform 179 * @atomicservice 180 * @since 11 181 */ 182 color?: ResourceColor; 183 184 /** 185 * Define the height of the indicator 186 * 187 * @type { ?Length } 188 * @syscap SystemCapability.ArkUI.ArkUI.Full 189 * @crossplatform 190 * @since 10 191 */ 192 /** 193 * Define the height of the indicator 194 * 195 * @type { ?Length } 196 * @syscap SystemCapability.ArkUI.ArkUI.Full 197 * @crossplatform 198 * @atomicservice 199 * @since 11 200 */ 201 height?: Length; 202 203 /** 204 * Define the width of the indicator. 205 * If it is 0, the width will be equal to the width of the content 206 * 207 * @type { ?Length } 208 * @default 0 209 * @syscap SystemCapability.ArkUI.ArkUI.Full 210 * @crossplatform 211 * @since 10 212 */ 213 /** 214 * Define the width of the indicator. 215 * If it is 0, the width will be equal to the width of the content 216 * 217 * @type { ?Length } 218 * @default 0 219 * @syscap SystemCapability.ArkUI.ArkUI.Full 220 * @crossplatform 221 * @atomicservice 222 * @since 11 223 */ 224 width?: Length; 225 226 /** 227 * Define the border radius of the indicator 228 * 229 * @type { ?Length } 230 * @default 0 231 * @syscap SystemCapability.ArkUI.ArkUI.Full 232 * @crossplatform 233 * @since 10 234 */ 235 /** 236 * Define the border radius of the indicator 237 * 238 * @type { ?Length } 239 * @default 0 240 * @syscap SystemCapability.ArkUI.ArkUI.Full 241 * @crossplatform 242 * @atomicservice 243 * @since 11 244 */ 245 borderRadius?: Length; 246 247 /** 248 * Define the margin top of the indicator 249 * 250 * @type { ?Length } 251 * @default 8 252 * @syscap SystemCapability.ArkUI.ArkUI.Full 253 * @crossplatform 254 * @since 10 255 */ 256 /** 257 * Define the margin top of the indicator 258 * 259 * @type { ?Length } 260 * @default 8 261 * @syscap SystemCapability.ArkUI.ArkUI.Full 262 * @crossplatform 263 * @atomicservice 264 * @since 11 265 */ 266 marginTop?: Length; 267} 268 269/** 270 * Provide an interface for the style of an indicator including border radius 271 * 272 * @interface BoardStyle 273 * @syscap SystemCapability.ArkUI.ArkUI.Full 274 * @crossplatform 275 * @since 10 276 */ 277/** 278 * Provide an interface for the style of an indicator including border radius 279 * 280 * @interface BoardStyle 281 * @syscap SystemCapability.ArkUI.ArkUI.Full 282 * @crossplatform 283 * @atomicservice 284 * @since 11 285 */ 286interface BoardStyle { 287 /** 288 * Define the border radius of the board 289 * 290 * @type { ?Length } 291 * @syscap SystemCapability.ArkUI.ArkUI.Full 292 * @crossplatform 293 * @since 10 294 */ 295 /** 296 * Define the border radius of the board 297 * 298 * @type { ?Length } 299 * @syscap SystemCapability.ArkUI.ArkUI.Full 300 * @crossplatform 301 * @atomicservice 302 * @since 11 303 */ 304 borderRadius?: Length; 305} 306 307/** 308 * LabelStyle object. 309 * 310 * @interface LabelStyle 311 * @syscap SystemCapability.ArkUI.ArkUI.Full 312 * @crossplatform 313 * @since 10 314 */ 315/** 316 * LabelStyle object. 317 * 318 * @interface LabelStyle 319 * @syscap SystemCapability.ArkUI.ArkUI.Full 320 * @crossplatform 321 * @atomicservice 322 * @since 11 323 */ 324declare interface LabelStyle { 325 /** 326 * overflow mode. 327 * 328 * @type { ?TextOverflow } 329 * @syscap SystemCapability.ArkUI.ArkUI.Full 330 * @crossplatform 331 * @since 10 332 */ 333 /** 334 * overflow mode. 335 * 336 * @type { ?TextOverflow } 337 * @syscap SystemCapability.ArkUI.ArkUI.Full 338 * @crossplatform 339 * @atomicservice 340 * @since 11 341 */ 342 overflow?: TextOverflow; 343 344 /** 345 * Label max lines. 346 * 347 * @type { ?number } 348 * @syscap SystemCapability.ArkUI.ArkUI.Full 349 * @crossplatform 350 * @since 10 351 */ 352 /** 353 * Label max lines. 354 * 355 * @type { ?number } 356 * @syscap SystemCapability.ArkUI.ArkUI.Full 357 * @crossplatform 358 * @atomicservice 359 * @since 11 360 */ 361 maxLines?: number; 362 363 /** 364 * Min font size for adapted height. 365 * 366 * @type { ?(number | ResourceStr) } 367 * @syscap SystemCapability.ArkUI.ArkUI.Full 368 * @crossplatform 369 * @since 10 370 */ 371 /** 372 * Min font size for adapted height. 373 * 374 * @type { ?(number | ResourceStr) } 375 * @syscap SystemCapability.ArkUI.ArkUI.Full 376 * @crossplatform 377 * @atomicservice 378 * @since 11 379 */ 380 minFontSize?: number | ResourceStr; 381 382 /** 383 * Max font size for adapted height. 384 * 385 * @type { ?(number | ResourceStr) } 386 * @syscap SystemCapability.ArkUI.ArkUI.Full 387 * @crossplatform 388 * @since 10 389 */ 390 /** 391 * Max font size for adapted height. 392 * 393 * @type { ?(number | ResourceStr) } 394 * @syscap SystemCapability.ArkUI.ArkUI.Full 395 * @crossplatform 396 * @atomicservice 397 * @since 11 398 */ 399 maxFontSize?: number | ResourceStr; 400 401 /** 402 * Adapt text height option. 403 * 404 * @type { ?TextHeightAdaptivePolicy } 405 * @syscap SystemCapability.ArkUI.ArkUI.Full 406 * @crossplatform 407 * @since 10 408 */ 409 /** 410 * Adapt text height option. 411 * 412 * @type { ?TextHeightAdaptivePolicy } 413 * @syscap SystemCapability.ArkUI.ArkUI.Full 414 * @crossplatform 415 * @atomicservice 416 * @since 11 417 */ 418 heightAdaptivePolicy?: TextHeightAdaptivePolicy; 419 420 /** 421 * Font style. 422 * 423 * @type { ?Font } 424 * @syscap SystemCapability.ArkUI.ArkUI.Full 425 * @crossplatform 426 * @since 10 427 */ 428 /** 429 * Font style. 430 * 431 * @type { ?Font } 432 * @syscap SystemCapability.ArkUI.ArkUI.Full 433 * @crossplatform 434 * @atomicservice 435 * @since 11 436 */ 437 font?: Font; 438 439 /** 440 * The text color of the selected tab bar. 441 * 442 * @type { ?ResourceColor } 443 * @syscap SystemCapability.ArkUI.ArkUI.Full 444 * @crossplatform 445 * @atomicservice 446 * @since 12 447 */ 448 selectedColor?: ResourceColor; 449 450 /** 451 * The text color of the unselected tab bar. 452 * 453 * @type { ?ResourceColor } 454 * @syscap SystemCapability.ArkUI.ArkUI.Full 455 * @crossplatform 456 * @atomicservice 457 * @since 12 458 */ 459 unselectedColor?: ResourceColor; 460} 461 462/** 463 * TabBarIconStyle object. 464 * 465 * @interface TabBarIconStyle 466 * @syscap SystemCapability.ArkUI.ArkUI.Full 467 * @crossplatform 468 * @atomicservice 469 * @since 12 470 */ 471declare interface TabBarIconStyle { 472 /** 473 * The icon color of the selected tab bar. 474 * 475 * @type { ?ResourceColor } 476 * @syscap SystemCapability.ArkUI.ArkUI.Full 477 * @crossplatform 478 * @atomicservice 479 * @since 12 480 */ 481 selectedColor?: ResourceColor; 482 483 /** 484 * The icon color of the unselected tab bar. 485 * 486 * @type { ?ResourceColor } 487 * @syscap SystemCapability.ArkUI.ArkUI.Full 488 * @crossplatform 489 * @atomicservice 490 * @since 12 491 */ 492 unselectedColor?: ResourceColor; 493} 494 495/** 496 * TabBarSymbol object. 497 * 498 * @syscap SystemCapability.ArkUI.ArkUI.Full 499 * @crossplatform 500 * @atomicservice 501 * @since 12 502 */ 503declare class TabBarSymbol { 504 /** 505 * The properties of the symbol icon in the tab bar need to be unselected. 506 * 507 * @type { SymbolGlyphModifier } 508 * @syscap SystemCapability.ArkUI.ArkUI.Full 509 * @crossplatform 510 * @atomicservice 511 * @since 12 512 */ 513 normal: SymbolGlyphModifier; 514 515 /** 516 * The properties of the symbol icon in the tab bar need to be selected. 517 * 518 * @type { ?SymbolGlyphModifier } 519 * @syscap SystemCapability.ArkUI.ArkUI.Full 520 * @crossplatform 521 * @atomicservice 522 * @since 12 523 */ 524 selected?: SymbolGlyphModifier; 525} 526/** 527 * Define SubTabBarStyle, the style is text and underline. 528 * 529 * @syscap SystemCapability.ArkUI.ArkUI.Full 530 * @since 9 531 */ 532/** 533 * Define SubTabBarStyle, the style is text and underline. 534 * 535 * @syscap SystemCapability.ArkUI.ArkUI.Full 536 * @crossplatform 537 * @since 10 538 */ 539/** 540 * Define SubTabBarStyle, the style is text and underline. 541 * 542 * @syscap SystemCapability.ArkUI.ArkUI.Full 543 * @crossplatform 544 * @atomicservice 545 * @since 11 546 */ 547declare class SubTabBarStyle { 548 /** 549 * constructor. 550 * 551 * @param { ResourceStr } content - indicates the content of the sub tab bar 552 * @syscap SystemCapability.ArkUI.ArkUI.Full 553 * @since 9 554 */ 555 /** 556 * constructor. 557 * 558 * @param { ResourceStr } content - indicates the content of the sub tab bar 559 * @syscap SystemCapability.ArkUI.ArkUI.Full 560 * @crossplatform 561 * @since 10 562 */ 563 /** 564 * constructor. 565 * 566 * @param { ResourceStr } content - indicates the content of the sub tab bar 567 * @syscap SystemCapability.ArkUI.ArkUI.Full 568 * @crossplatform 569 * @atomicservice 570 * @since 11 571 */ 572 constructor(content: ResourceStr); 573 /** 574 * constructor. 575 * 576 * @param { ResourceStr | ComponentContent } content - indicates the content of the sub tab bar 577 * @syscap SystemCapability.ArkUI.ArkUI.Full 578 * @crossplatform 579 * @atomicservice 580 * @since 12 581 */ 582 constructor(content: ResourceStr | ComponentContent); 583 584 /** 585 * constructor 586 * 587 * @param { ResourceStr } content - indicates the content of the sub tab bar 588 * @returns { SubTabBarStyle } the style of the sub tab bar 589 * @static 590 * @syscap SystemCapability.ArkUI.ArkUI.Full 591 * @crossplatform 592 * @since 10 593 */ 594 /** 595 * constructor 596 * 597 * @param { ResourceStr } content - indicates the content of the sub tab bar 598 * @returns { SubTabBarStyle } the style of the sub tab bar 599 * @static 600 * @syscap SystemCapability.ArkUI.ArkUI.Full 601 * @crossplatform 602 * @atomicservice 603 * @since 11 604 */ 605 static of(content: ResourceStr): SubTabBarStyle; 606 /** 607 * Create a content object of the sub tab bar 608 * 609 * @param { ResourceStr | ComponentContent } content - indicates the content of the sub tab bar 610 * @returns { SubTabBarStyle } the style of the sub tab bar 611 * @static 612 * @syscap SystemCapability.ArkUI.ArkUI.Full 613 * @crossplatform 614 * @atomicservice 615 * @since 12 616 */ 617 static of(content: ResourceStr | ComponentContent): SubTabBarStyle; 618 619 /** 620 * Set the style of the indicator when selected 621 * 622 * @param { IndicatorStyle } value - indicates the indicator style of the sub tab bar 623 * @returns { SubTabBarStyle } the style of the sub tab bar 624 * @syscap SystemCapability.ArkUI.ArkUI.Full 625 * @crossplatform 626 * @since 10 627 */ 628 /** 629 * Set the style of the indicator when selected 630 * 631 * @param { IndicatorStyle } value - indicates the indicator style of the sub tab bar 632 * @returns { SubTabBarStyle } the style of the sub tab bar 633 * @syscap SystemCapability.ArkUI.ArkUI.Full 634 * @crossplatform 635 * @atomicservice 636 * @since 11 637 */ 638 indicator(value: IndicatorStyle): SubTabBarStyle; 639 640 /** 641 * Set the mode of the indicator when selected 642 * 643 * @param { SelectedMode } value - indicates the selected mode of the sub tab bar 644 * @returns { SubTabBarStyle } the style of the sub tab bar 645 * @syscap SystemCapability.ArkUI.ArkUI.Full 646 * @crossplatform 647 * @since 10 648 */ 649 /** 650 * Set the mode of the indicator when selected 651 * 652 * @param { SelectedMode } value - indicates the selected mode of the sub tab bar 653 * @returns { SubTabBarStyle } the style of the sub tab bar 654 * @syscap SystemCapability.ArkUI.ArkUI.Full 655 * @crossplatform 656 * @atomicservice 657 * @since 11 658 */ 659 selectedMode(value: SelectedMode): SubTabBarStyle; 660 661 /** 662 * Set the style of the board when selected 663 * 664 * @param { BoardStyle } value - indicates the board style of the sub tab bar 665 * @returns { SubTabBarStyle } the style of the sub tab bar 666 * @syscap SystemCapability.ArkUI.ArkUI.Full 667 * @crossplatform 668 * @since 10 669 */ 670 /** 671 * Set the style of the board when selected 672 * 673 * @param { BoardStyle } value - indicates the board style of the sub tab bar 674 * @returns { SubTabBarStyle } the style of the sub tab bar 675 * @syscap SystemCapability.ArkUI.ArkUI.Full 676 * @crossplatform 677 * @atomicservice 678 * @since 11 679 */ 680 board(value: BoardStyle): SubTabBarStyle; 681 682 /** 683 * Set the label style of the indicator 684 * 685 * @param { LabelStyle } value - indicates the label style of the sub tab bar 686 * @returns { SubTabBarStyle } the style of the sub tab bar 687 * @syscap SystemCapability.ArkUI.ArkUI.Full 688 * @crossplatform 689 * @since 10 690 */ 691 /** 692 * Set the label style of the indicator 693 * 694 * @param { LabelStyle } value - indicates the label style of the sub tab bar 695 * @returns { SubTabBarStyle } the style of the sub tab bar 696 * @syscap SystemCapability.ArkUI.ArkUI.Full 697 * @crossplatform 698 * @atomicservice 699 * @since 11 700 */ 701 labelStyle(value: LabelStyle): SubTabBarStyle; 702 703 /** 704 * Set the padding of the sub tab bar 705 * 706 * @param { Padding | Dimension } value - indicates the padding of the sub tab bar 707 * @returns { SubTabBarStyle } the style of the sub tab bar 708 * @syscap SystemCapability.ArkUI.ArkUI.Full 709 * @crossplatform 710 * @since 10 711 */ 712 /** 713 * Set the padding of the sub tab bar 714 * 715 * @param { Padding | Dimension } value - indicates the padding of the sub tab bar 716 * @returns { SubTabBarStyle } the style of the sub tab bar 717 * @syscap SystemCapability.ArkUI.ArkUI.Full 718 * @crossplatform 719 * @atomicservice 720 * @since 11 721 */ 722 padding(value: Padding | Dimension): SubTabBarStyle; 723 724 /** 725 * Set the padding of the sub tab bar 726 * 727 * @param { LocalizedPadding } padding - indicates the padding of the sub tab bar 728 * @returns { SubTabBarStyle } the style of the sub tab bar 729 * @syscap SystemCapability.ArkUI.ArkUI.Full 730 * @crossplatform 731 * @atomicservice 732 * @since 12 733 */ 734 padding(padding: LocalizedPadding): SubTabBarStyle; 735 736 /** 737 * Set an id to the sub tab bar to identify it 738 * 739 * @param { string } value - id of the sub tab bar to identify it 740 * @returns { SubTabBarStyle } the style of the sub tab bar 741 * @syscap SystemCapability.ArkUI.ArkUI.Full 742 * @crossplatform 743 * @since 11 744 */ 745 /** 746 * Set an id to the sub tab bar to identify it 747 * 748 * @param { string } value - id of the sub tab bar to identify it 749 * @returns { SubTabBarStyle } the style of the sub tab bar 750 * @syscap SystemCapability.ArkUI.ArkUI.Full 751 * @crossplatform 752 * @atomicservice 753 * @since 12 754 */ 755 id(value: string): SubTabBarStyle; 756} 757 758/** 759 * Define BottomTabBarStyle, the style is icon and text. 760 * 761 * @syscap SystemCapability.ArkUI.ArkUI.Full 762 * @since 9 763 */ 764/** 765 * Define BottomTabBarStyle, the style is icon and text. 766 * 767 * @syscap SystemCapability.ArkUI.ArkUI.Full 768 * @crossplatform 769 * @since 10 770 */ 771/** 772 * Define BottomTabBarStyle, the style is icon and text. 773 * 774 * @syscap SystemCapability.ArkUI.ArkUI.Full 775 * @crossplatform 776 * @atomicservice 777 * @since 11 778 */ 779declare class BottomTabBarStyle { 780 /** 781 * constructor. 782 * 783 * @param { ResourceStr } icon - indicates the icon of the bottom tab bar 784 * @param { ResourceStr } text - indicates the text of the bottom tab bar 785 * @syscap SystemCapability.ArkUI.ArkUI.Full 786 * @since 9 787 */ 788 /** 789 * constructor. 790 * 791 * @param { ResourceStr } icon - indicates the icon of the bottom tab bar 792 * @param { ResourceStr } text - indicates the text of the bottom tab bar 793 * @syscap SystemCapability.ArkUI.ArkUI.Full 794 * @crossplatform 795 * @since 10 796 */ 797 /** 798 * constructor. 799 * 800 * @param { ResourceStr } icon - indicates the icon of the bottom tab bar 801 * @param { ResourceStr } text - indicates the text of the bottom tab bar 802 * @syscap SystemCapability.ArkUI.ArkUI.Full 803 * @crossplatform 804 * @atomicservice 805 * @since 11 806 */ 807 /** 808 * constructor. 809 * 810 * @param { ResourceStr | TabBarSymbol } icon - indicates the icon of the bottom tab bar 811 * @param { ResourceStr } text - indicates the text of the bottom tab bar 812 * @syscap SystemCapability.ArkUI.ArkUI.Full 813 * @crossplatform 814 * @atomicservice 815 * @since 12 816 */ 817 constructor(icon: ResourceStr | TabBarSymbol, text: ResourceStr); 818 819 /** 820 * of. 821 * 822 * @param { ResourceStr } icon - indicates the icon of the bottom tab bar 823 * @param { ResourceStr } text - indicates the text of the bottom tab bar 824 * @returns { BottomTabBarStyle } the style of the bottom tab bar 825 * @static 826 * @syscap SystemCapability.ArkUI.ArkUI.Full 827 * @crossplatform 828 * @since 10 829 */ 830 /** 831 * of. 832 * 833 * @param { ResourceStr } icon - indicates the icon of the bottom tab bar 834 * @param { ResourceStr } text - indicates the text of the bottom tab bar 835 * @returns { BottomTabBarStyle } the style of the bottom tab bar 836 * @static 837 * @syscap SystemCapability.ArkUI.ArkUI.Full 838 * @crossplatform 839 * @atomicservice 840 * @since 11 841 */ 842 /** 843 * of. 844 * 845 * @param { ResourceStr | TabBarSymbol } icon - indicates the icon of the bottom tab bar 846 * @param { ResourceStr } text - indicates the text of the bottom tab bar 847 * @returns { BottomTabBarStyle } the style of the bottom tab bar 848 * @static 849 * @syscap SystemCapability.ArkUI.ArkUI.Full 850 * @crossplatform 851 * @atomicservice 852 * @since 12 853 */ 854 static of(icon: ResourceStr | TabBarSymbol, text: ResourceStr): BottomTabBarStyle; 855 856 /** 857 * Set the label style of the indicator 858 * 859 * @param { LabelStyle } value - indicates the label style of the bottom tab bar 860 * @returns { BottomTabBarStyle } the style of the bottom tab bar 861 * @syscap SystemCapability.ArkUI.ArkUI.Full 862 * @crossplatform 863 * @since 10 864 */ 865 /** 866 * Set the label style of the indicator 867 * 868 * @param { LabelStyle } value - indicates the label style of the bottom tab bar 869 * @returns { BottomTabBarStyle } the style of the bottom tab bar 870 * @syscap SystemCapability.ArkUI.ArkUI.Full 871 * @crossplatform 872 * @atomicservice 873 * @since 11 874 */ 875 labelStyle(value: LabelStyle): BottomTabBarStyle; 876 877 /** 878 * Set the padding of the bottom tab bar 879 * 880 * @param { Padding | Dimension } value - indicates the padding of the bottom tab bar 881 * @returns { BottomTabBarStyle } the style of the bottom tab bar 882 * @syscap SystemCapability.ArkUI.ArkUI.Full 883 * @crossplatform 884 * @since 10 885 */ 886 /** 887 * Set the padding of the bottom tab bar 888 * 889 * @param { Padding | Dimension } value - indicates the padding of the bottom tab bar 890 * @returns { BottomTabBarStyle } the style of the bottom tab bar 891 * @syscap SystemCapability.ArkUI.ArkUI.Full 892 * @crossplatform 893 * @atomicservice 894 * @since 11 895 */ 896 /** 897 * Set the padding of the bottom tab bar 898 * 899 * @param { Padding | Dimension | LocalizedPadding } value - indicates the padding of the bottom tab bar 900 * @returns { BottomTabBarStyle } the style of the bottom tab bar 901 * @syscap SystemCapability.ArkUI.ArkUI.Full 902 * @crossplatform 903 * @atomicservice 904 * @since 12 905 */ 906 padding(value: Padding | Dimension | LocalizedPadding): BottomTabBarStyle; 907 908 /** 909 * Set the layout mode of the bottom tab bar 910 * 911 * @param { LayoutMode } value - indicates the layout mode of the bottom tab bar 912 * @returns { BottomTabBarStyle } the style of the bottom tab bar 913 * @syscap SystemCapability.ArkUI.ArkUI.Full 914 * @crossplatform 915 * @since 10 916 */ 917 /** 918 * Set the layout mode of the bottom tab bar 919 * 920 * @param { LayoutMode } value - indicates the layout mode of the bottom tab bar 921 * @returns { BottomTabBarStyle } the style of the bottom tab bar 922 * @syscap SystemCapability.ArkUI.ArkUI.Full 923 * @crossplatform 924 * @atomicservice 925 * @since 11 926 */ 927 layoutMode(value: LayoutMode): BottomTabBarStyle; 928 929 /** 930 * Set the vertical alignment style of the bottom tab bar 931 * 932 * @param { VerticalAlign } value - indicates the vertical alignment of the bottom tab bar 933 * @returns { BottomTabBarStyle } the style of the bottom tab bar 934 * @syscap SystemCapability.ArkUI.ArkUI.Full 935 * @crossplatform 936 * @since 10 937 */ 938 /** 939 * Set the vertical alignment style of the bottom tab bar 940 * 941 * @param { VerticalAlign } value - indicates the vertical alignment of the bottom tab bar 942 * @returns { BottomTabBarStyle } the style of the bottom tab bar 943 * @syscap SystemCapability.ArkUI.ArkUI.Full 944 * @crossplatform 945 * @atomicservice 946 * @since 11 947 */ 948 verticalAlign(value: VerticalAlign): BottomTabBarStyle; 949 950 /** 951 * Set the symmetric extensible of the bottom tab bar 952 * 953 * @param { boolean } value - indicates whether the bottom tab bar is extensible 954 * @returns { BottomTabBarStyle } the style of the bottom tab bar 955 * @syscap SystemCapability.ArkUI.ArkUI.Full 956 * @crossplatform 957 * @since 10 958 */ 959 /** 960 * Set the symmetric extensible of the bottom tab bar 961 * 962 * @param { boolean } value - indicates whether the bottom tab bar is extensible 963 * @returns { BottomTabBarStyle } the style of the bottom tab bar 964 * @syscap SystemCapability.ArkUI.ArkUI.Full 965 * @crossplatform 966 * @atomicservice 967 * @since 11 968 */ 969 symmetricExtensible(value: boolean): BottomTabBarStyle; 970 971 /** 972 * Set an id to the bottom tab bar to identify it 973 * 974 * @param { string } value - id of the bottom tab bar to identify it 975 * @returns { BottomTabBarStyle } the style of the bottom tab bar 976 * @syscap SystemCapability.ArkUI.ArkUI.Full 977 * @crossplatform 978 * @since 11 979 */ 980 /** 981 * Set an id to the bottom tab bar to identify it 982 * 983 * @param { string } value - id of the bottom tab bar to identify it 984 * @returns { BottomTabBarStyle } the style of the bottom tab bar 985 * @syscap SystemCapability.ArkUI.ArkUI.Full 986 * @crossplatform 987 * @atomicservice 988 * @since 12 989 */ 990 id(value: string): BottomTabBarStyle; 991 992 /** 993 * Set the icon style of the bottom tab bar 994 * 995 * @param { TabBarIconStyle } style - indicates the icon style of the bottom tab bar 996 * @returns { BottomTabBarStyle } the style of the bottom tab bar 997 * @syscap SystemCapability.ArkUI.ArkUI.Full 998 * @crossplatform 999 * @atomicservice 1000 * @since 12 1001 */ 1002 iconStyle(style: TabBarIconStyle): BottomTabBarStyle; 1003} 1004 1005/** 1006 * Provides an interface for switching the content view on a tab page. 1007 * 1008 * @interface TabContentInterface 1009 * @syscap SystemCapability.ArkUI.ArkUI.Full 1010 * @since 7 1011 */ 1012/** 1013 * Provides an interface for switching the content view on a tab page. 1014 * 1015 * @interface TabContentInterface 1016 * @syscap SystemCapability.ArkUI.ArkUI.Full 1017 * @crossplatform 1018 * @since 10 1019 */ 1020/** 1021 * Provides an interface for switching the content view on a tab page. 1022 * 1023 * @interface TabContentInterface 1024 * @syscap SystemCapability.ArkUI.ArkUI.Full 1025 * @crossplatform 1026 * @atomicservice 1027 * @since 11 1028 */ 1029interface TabContentInterface { 1030 /** 1031 * Called when the content view of the switch tab is set. 1032 * 1033 * @returns { TabContentAttribute } 1034 * @syscap SystemCapability.ArkUI.ArkUI.Full 1035 * @since 7 1036 */ 1037 /** 1038 * Called when the content view of the switch tab is set. 1039 * 1040 * @returns { TabContentAttribute } 1041 * @syscap SystemCapability.ArkUI.ArkUI.Full 1042 * @crossplatform 1043 * @since 10 1044 */ 1045 /** 1046 * Called when the content view of the switch tab is set. 1047 * 1048 * @returns { TabContentAttribute } 1049 * @syscap SystemCapability.ArkUI.ArkUI.Full 1050 * @crossplatform 1051 * @atomicservice 1052 * @since 11 1053 */ 1054 (): TabContentAttribute; 1055} 1056 1057/** 1058 * Defines the attribute functions of TabContent. 1059 * 1060 * @extends CommonMethod<TabContentAttribute> 1061 * @syscap SystemCapability.ArkUI.ArkUI.Full 1062 * @since 7 1063 */ 1064/** 1065 * Defines the attribute functions of TabContent. 1066 * 1067 * @extends CommonMethod<TabContentAttribute> 1068 * @syscap SystemCapability.ArkUI.ArkUI.Full 1069 * @crossplatform 1070 * @since 10 1071 */ 1072/** 1073 * Defines the attribute functions of TabContent. 1074 * 1075 * @extends CommonMethod<TabContentAttribute> 1076 * @syscap SystemCapability.ArkUI.ArkUI.Full 1077 * @crossplatform 1078 * @atomicservice 1079 * @since 11 1080 */ 1081declare class TabContentAttribute extends CommonMethod<TabContentAttribute> { 1082 /** 1083 * Called when tabbar is entered. 1084 * 1085 * @param { string | Resource | { icon?: string | Resource; text?: string | Resource } } value 1086 * @returns { TabContentAttribute } 1087 * @syscap SystemCapability.ArkUI.ArkUI.Full 1088 * @since 7 1089 */ 1090 /** 1091 * Called when tabbar is entered. 1092 * 1093 * @param { string | Resource | CustomBuilder | { icon?: string | Resource; text?: string | Resource } } value 1094 * @returns { TabContentAttribute } 1095 * @syscap SystemCapability.ArkUI.ArkUI.Full 1096 * @since 8 1097 */ 1098 /** 1099 * Called when tabbar is entered. 1100 * 1101 * @param { string | Resource | CustomBuilder | { icon?: string | Resource; text?: string | Resource } } value 1102 * @returns { TabContentAttribute } 1103 * @syscap SystemCapability.ArkUI.ArkUI.Full 1104 * @crossplatform 1105 * @since 10 1106 */ 1107 /** 1108 * Called when tabbar is entered. 1109 * 1110 * @param { string | Resource | CustomBuilder | { icon?: string | Resource; text?: string | Resource } } value 1111 * @returns { TabContentAttribute } 1112 * @syscap SystemCapability.ArkUI.ArkUI.Full 1113 * @crossplatform 1114 * @atomicservice 1115 * @since 11 1116 */ 1117 tabBar(value: string | Resource | CustomBuilder | 1118 { icon?: string | Resource; text?: string | Resource }): TabContentAttribute; 1119 1120 /** 1121 * Called when tabbar is entered. 1122 * 1123 * @param { SubTabBarStyle | BottomTabBarStyle } value 1124 * @returns { TabContentAttribute } 1125 * @syscap SystemCapability.ArkUI.ArkUI.Full 1126 * @since 9 1127 */ 1128 /** 1129 * Called when tabbar is entered. 1130 * 1131 * @param { SubTabBarStyle | BottomTabBarStyle } value 1132 * @returns { TabContentAttribute } 1133 * @syscap SystemCapability.ArkUI.ArkUI.Full 1134 * @crossplatform 1135 * @since 10 1136 */ 1137 /** 1138 * Called when tabbar is entered. 1139 * 1140 * @param { SubTabBarStyle | BottomTabBarStyle } value 1141 * @returns { TabContentAttribute } 1142 * @syscap SystemCapability.ArkUI.ArkUI.Full 1143 * @crossplatform 1144 * @atomicservice 1145 * @since 11 1146 */ 1147 tabBar(value: SubTabBarStyle | BottomTabBarStyle): TabContentAttribute; 1148 1149 /** 1150 * Called when the tab content will show. 1151 * @param { VoidCallback } event 1152 * @returns { TabContentAttribute } 1153 * @syscap SystemCapability.ArkUI.ArkUI.Full 1154 * @crossplatform 1155 * @atomicservice 1156 * @since 12 1157 */ 1158 onWillShow(event: VoidCallback): TabContentAttribute; 1159 1160 /** 1161 * Called when the tab content will hide. 1162 * @param { VoidCallback } event 1163 * @returns { TabContentAttribute } 1164 * @syscap SystemCapability.ArkUI.ArkUI.Full 1165 * @crossplatform 1166 * @atomicservice 1167 * @since 12 1168 */ 1169 onWillHide(event: VoidCallback): TabContentAttribute; 1170} 1171 1172/** 1173 * Defines TabContent Component. 1174 * 1175 * @syscap SystemCapability.ArkUI.ArkUI.Full 1176 * @since 7 1177 */ 1178/** 1179 * Defines TabContent Component. 1180 * 1181 * @syscap SystemCapability.ArkUI.ArkUI.Full 1182 * @crossplatform 1183 * @since 10 1184 */ 1185/** 1186 * Defines TabContent Component. 1187 * 1188 * @syscap SystemCapability.ArkUI.ArkUI.Full 1189 * @crossplatform 1190 * @atomicservice 1191 * @since 11 1192 */ 1193declare const TabContent: TabContentInterface; 1194 1195/** 1196 * Defines TabContent Component instance. 1197 * 1198 * @syscap SystemCapability.ArkUI.ArkUI.Full 1199 * @since 7 1200 */ 1201/** 1202 * Defines TabContent Component instance. 1203 * 1204 * @syscap SystemCapability.ArkUI.ArkUI.Full 1205 * @crossplatform 1206 * @since 10 1207 */ 1208/** 1209 * Defines TabContent Component instance. 1210 * 1211 * @syscap SystemCapability.ArkUI.ArkUI.Full 1212 * @crossplatform 1213 * @atomicservice 1214 * @since 11 1215 */ 1216declare const TabContentInstance: TabContentAttribute; 1217