HarmonyOS初级案例：图片浏览

 本案例主要演示通过动画效果、List组件的横向布局和Slider组件的使用方法做一个简单的图片浏览效果，旨在练习按照指定的x、y坐标进行平移动画和通过Slider组件控制图片的效果，以及对List组件的熟练使用。

import { Header } from '../models/Header'

@Entry
@Component
struct ImagePage {
  @State img: Resource = $r('app.media.SGPic43')
  @State scaling: number = 1
  @State centerY: number = 0
  @State centerX: number = 0
  @State styles: boolean = false
  @State mover: number = 0
  private imgs: Img[] = [
    new Img($r('app.media.SGPic41')),
    new Img($r('app.media.SGPic42')),
    new Img($r('app.media.SGPic43')),
    new Img($r('app.media.SGPic44')),
    new Img($r('app.media.SGPic45')),
    new Img($r('app.media.SGPic46')),
    new Img($r('app.media.SGPic54')),
    new Img($r('app.media.SGPic55')),
    new Img($r('app.media.SGPic56')),
    new Img($r('app.media.SGPic57&#