TTMusic/entry/src/main/ets/Styels/GlobalStyles.ets

import { Constants } from "../Constants"


// 字母表样式
export class GlobalAlphabetIndexerModifier implements AttributeModifier<AlphabetIndexerAttribute> {
  applyNormalAttribute(instance: AlphabetIndexerAttribute): void {
    instance
      .itemSize(17)
      .usingPopup(true)
      .popupItemBorderRadius(24)
      .popupColor(Constants.COMMON_HIGHLIGHT_COLOR)
      .popupBackground($r('app.color.alphabet_background_color_opacity'))
      .alignStyle(IndexerAlign.Right)
      .autoCollapse(true)
      .enableHapticFeedback(true)
      .selectedColor(Constants.COMMON_HIGHLIGHT_COLOR)
      .selectedBackgroundColor(Constants.COMMON_HIGHLIGHT_LIGHT_COLOR)
      .itemBorderRadius(14)
      .layoutWeight(1)
      .selectedFont({weight: FontWeight.Bolder })
  }
}

// 矩形样式
export class GlobalRectModifier implements AttributeModifier<RectAttribute> {
  applyNormalAttribute(instance: RectAttribute): void {
    instance
      .borderColor(Color.Transparent)
      .fill(Constants.COMMON_HIGHLIGHT_COLOR)
      .animation({
        curve: Curve.EaseOut,
        iterations: 1,
        playMode: PlayMode.Normal
      })
      .width(2)
  }
}


// 显示图片样式
export class GlobalImageModifier implements AttributeModifier<ImageAttribute> {
  applyNormalAttribute(instance: ImageAttribute): void {
    instance
      .shadow(ShadowStyle.OUTER_DEFAULT_MD)
      .objectFit(ImageFit.None)
  }
}

// 选择框样式
export class GlobalSelectModifier implements AttributeModifier<SelectAttribute> {
  applyNormalAttribute(instance: SelectAttribute): void {
    instance
      .font({ size: 16, weight: 500 })
      .fontColor($r('app.color.common_fill_color'))
      .selectedOptionFont({ size: 16, weight: 400 })
      .optionFont({ size: 16, weight: 400 })
      .arrowPosition(ArrowPosition.END)
      .menuAlign(MenuAlignType.START, {dx:0, dy:0})
      .optionWidth(200)
      .optionHeight(500)
  }
}




// 文本输入框样式
export class GlobalTextInputModifier implements AttributeModifier<TextInputAttribute>{
  applyNormalAttribute(instance: TextInputAttribute): void {
    instance
      .borderRadius(Constants.COMMON_BORDER_RADIUS)
  }
}

// 搜索框样式
export class GlobalSearchModifier implements AttributeModifier<SearchAttribute>{
  applyNormalAttribute(instance: SearchAttribute): void {
    instance
      .borderRadius(Constants.COMMON_BORDER_RADIUS)
  }
}

// 选择框样式
export class GlobalToggleModifier implements AttributeModifier<ToggleAttribute>{
  applyNormalAttribute(instance: ToggleAttribute): void {
    instance
      .selectedColor(Constants.COMMON_HIGHLIGHT_COLOR)
  }
}