# 分布å¼è¿ç§»æ ‡è¯† 组件的分布å¼è¿ç§»æ ‡è¯†ï¼ŒæŒ‡æ˜Žäº†è¯¥ç»„件在分布å¼è¿ç§»åœºæ™¯ä¸‹å¯ä»¥å°†ç‰¹å®šçŠ¶æ€æ¢å¤åˆ°å¯¹ç«¯è®¾å¤‡ã€‚ > **说明:** > > 从API Version 8开始支æŒã€‚åŽç»ç‰ˆæœ¬å¦‚æœ‰æ–°å¢žå†…å®¹ï¼Œåˆ™é‡‡ç”¨ä¸Šè§’æ ‡å•ç‹¬æ ‡è®°è¯¥å†…容的起始版本。 ## restoreId restoreId(value: number) æ ‡è®°æ”¯æŒåˆ†å¸ƒå¼è¿ç§»çš„组件Id,用于两端设备组件的é…对。 **原å化æœåŠ¡API:** 从API version 11开始,该接å£æ”¯æŒåœ¨åŽŸå化æœåŠ¡ä¸ä½¿ç”¨ã€‚ **系统能力:** SystemCapability.ArkUI.ArkUI.Full **å‚数:** | å‚æ•°å | 类型 | å¿…å¡« | 说明 | | ------ | ------ | ---- | ------------------------------------------------------------ | | value | number | 是 | æ ‡è®°æ”¯æŒåˆ†å¸ƒå¼è¿ç§»çš„组件Id,用于两端设备组件的é…对。åŒä¸€ä¸ªåº”用ä¸å„个支æŒåˆ†å¸ƒå¼è¿ç§»ç»„件的Idå¿…é¡»ä¸åŒã€‚ | ## 支æŒçš„组件 | 组件å称 | 起始版本 | è¿ç§»çŠ¶æ€ | | --------- | ---- | ---------------------------------------- | | List | 8 | è¿ç§»å½“å‰è®¾å¤‡æ˜¾ç¤ºåœ¨é¡¶éƒ¨ListItem的索引值,è¿ç§»åŽåœ¨å¯¹ç«¯è®¾å¤‡ä¸Šï¼Œå°†è¿ç§»ç´¢å¼•å€¼å¯¹åº”çš„ListItem在Listä¸å®Œæ•´åœ°ç½®é¡¶æ˜¾ç¤ºã€‚ | | Grid | 9 | è¿ç§»å½“å‰è®¾å¤‡æ˜¾ç¤ºåœ¨é¡¶éƒ¨GridItem的索引值,è¿ç§»åŽåœ¨å¯¹ç«¯è®¾å¤‡ä¸Šï¼Œå°†è¿ç§»ç´¢å¼•å€¼å¯¹åº”çš„GridItem在Gridä¸å®Œæ•´åœ°ç½®é¡¶æ˜¾ç¤ºã€‚ScrollBarä½ç½®æ— 法è¿ç§»ã€‚ | | Scroll | 9 | è¿ç§»è·é¡¶éƒ¨æ»šåŠ¨çš„ç»å¯¹è·ç¦»ã€‚ä¸¤ç«¯è®¾å¤‡æ˜¾ç¤ºè§„æ ¼ä¸åŒç‰åŽŸå› 导致布局ä¸ä¸€è‡´ï¼Œä¼šå½±å“è¿ç§»æ•ˆæžœã€‚ | | WaterFlow | 11 | è¿ç§»å½“å‰è®¾å¤‡æ˜¾ç¤ºåœ¨é¡¶éƒ¨FlowItem的索引值,è¿ç§»åŽåœ¨å¯¹ç«¯è®¾å¤‡ä¸Šï¼Œå°†è¿ç§»ç´¢å¼•å€¼å¯¹åº”çš„FlowItem在WaterFlow顶部显示。åŒæ—¶è¿ç§»é¡¶éƒ¨FlowItem相对WaterFlow的主轴å移值(vpå•ä½ï¼‰ã€‚ | ## 示例 该示例通过restoreId设置了List组件的分布å¼è¿ç§»æ ‡è¯†ã€‚ ```ts // xxx.ets @Entry @Component struct RestoreIdExample { private arr: number[] = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10] build() { Column() { List({ space: 20 }) { ForEach(this.arr, (item:number) => { ListItem() { Text('' + item) .width('100%') .height(100) .fontSize(16) .textAlign(TextAlign.Center) .borderRadius(10) .backgroundColor(Color.Pink) } }, (item:number) => (item.toString())) } .restoreId(1) } } } ```