分享一个HarmonyOS 鸿蒙Next通讯类软件源码，类似微信或电话APP

联系人页面框架：

const alphabets = ['#', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K',
  'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'];
[@Entry](/user/Entry)
[@Component](/user/Component)
struct ContactsList {
  [@State](/user/State) selectedIndex: number = 0;
  private listScroller: Scroller = new Scroller();
build() {
Stack({ alignContent: Alignment.End }) {
List({ scroller: this.listScroller }) {
    ListItem() {
      <span class="hljs-comment">// ...</span>
    }
    .swipeAction({
      end: {
        <span class="hljs-comment">// index为该ListItem在List中的索引值。</span>
        builder: () =&gt; { <span class="hljs-keyword">this</span>.itemEnd(index) },
      }
    }) <span class="hljs-comment">// 设置侧滑属性.</span>
  }
  .onScrollIndex((firstIndex: number) =&gt; {
    <span class="hljs-comment">// 根据列表滚动到的索引值，重新计算对应联系人索引栏的位置this.selectedIndex</span>
  })

  <span class="hljs-comment">// 字母表索引组件</span>
  AlphabetIndexer({ arrayValue: alphabets, selected: <span class="hljs-number">0</span> })
    .selected(<span class="hljs-keyword">this</span>.selectedIndex)
}
}
}
@Builder itemEnd(index: number) {
// 构建尾端滑出组件
Button({ type: ButtonType.Circle }) {
Image($r(‘app.media.ic_public_delete_filled’))
.width(20)
.height(20)
}
.onClick(() => {
this.contacts.splice(index, 1);
})
}<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 8px; right: 8px; font-size: 14px;">复制</button>