AiKeyboard2025/lib/dialog/custom_character/custom_character_add_view.dart

import 'package:cached_network_image/cached_network_image.dart';
import 'package:easy_refresh/easy_refresh.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:flutter_slidable/flutter_slidable.dart';
import 'package:keyboard/base/base_view.dart';
import 'package:keyboard/dialog/custom_character/custom_character_add_controller.dart';
import 'package:flutter/material.dart';
import 'package:get/get.dart';

import '../../data/bean/character_info.dart';
import '../../data/bean/keyboard_info.dart';
import '../../data/repository/characters_repository.dart';
import '../../data/repository/keyboard_repository.dart';
import '../../di/get_it.dart';
import '../../resource/assets.gen.dart';
import '../../resource/string.gen.dart';
import '../../utils/styles.dart';

class CustomCharacterAddView extends BaseView<CustomCharacterAddController> {
  final KeyboardInfo currentKeyboardInfo;

  @override
  String? get tag => "CustomCharacterAddController${currentKeyboardInfo.id}";

  const CustomCharacterAddView({super.key, required this.currentKeyboardInfo});

  @override
  backgroundColor() => const Color(0xFFF6F5FA);

  @override
  Widget buildBody(BuildContext context) {
    Get.delete<CustomCharacterAddController>(tag: tag);
    Get.put(
      CustomCharacterAddController(
        getIt.get<CharactersRepository>(),
        getIt.get<KeyboardRepository>(),
        currentKeyboardInfo: currentKeyboardInfo,
      ),
      tag: tag,
    );
    return Obx(() {
      if (controller.characterList.isEmpty) {
        return _buildCustomListEmpty();
      }
      return EasyRefresh(
        controller: controller.refreshController,
        header: const ClassicHeader(),
        footer: ClassicFooter(
          showMessage: false,
          noMoreText: StringName.noMoreData,
          failedText: StringName.loadFailed,
          processedText: StringName.loadCompleted,
          processingText: StringName.loading,
        ),

        // onRefresh: controller.refreshData,
        onLoad: controller.loadMoreData,
        child: ListView.separated(
          padding: EdgeInsets.zero,
          itemCount: controller.characterList.length,
          itemBuilder: (context, index) {
            return _buildListItem(
              characterInfo: controller.characterList[index],
            );
          },
          separatorBuilder: (BuildContext context, int index) {
            return SizedBox(
              width: double.infinity,
              height: 10.h,
              child: Container(color: const Color(0xFFF4F2FB)),
            );
          },
        ),
      );
    });
  }

  Widget _buildListItem({required CharacterInfo characterInfo}) {
    return GestureDetector(
      onTap: () {
        controller.itemButtonClick(characterInfo);
      },
      child: Container(
        decoration: ShapeDecoration(
          color: Colors.white,
          shape: RoundedRectangleBorder(
            borderRadius: BorderRadius.circular(12.r),
          ),
        ),
        height: 88.h,
        padding: EdgeInsets.symmetric(horizontal: 16.w),
        child: Row(
          children: [
            _buildAvatar(imageUrl: characterInfo.imageUrl),
            SizedBox(width: 8.w),
            _buildCharacterInfo(characterInfo),
            _buildActionButton(characterInfo),
          ],
        ),
      ),
    );
  }

  /// 角色头像
  Widget _buildAvatar({required String? imageUrl}) {
    return Container(
      width: 60.r,
      height: 60.r,
      decoration: BoxDecoration(
        borderRadius: BorderRadius.circular(8),
        gradient: LinearGradient(
          begin: Alignment.topCenter,
          end: Alignment.bottomCenter,
          colors: [Color(0xffebe6ff), Color(0xffffe6fe)],
        ),
      ),
      child: ClipRRect(
        borderRadius: BorderRadius.circular(8.r),
        child: CachedNetworkImage(
          imageUrl: imageUrl ?? "",
          width: 60.r,
          height: 60.r,
          fit: BoxFit.contain,
          errorWidget:
              (_, __, ___) => Assets.images.iconSystemKeyboard.image(
            width: 60.r,
            height: 60.r,
            fit: BoxFit.contain,
          ),
        ),
      ),
    );
  }

  /// 构建角色信息，包括名称、VIP标识和描述
  Widget _buildCharacterInfo(CharacterInfo characterInfo) {
    return Expanded(
      child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Row(
            children: [
              Text(
                characterInfo.name ?? "",
                style: TextStyle(
                  color: Colors.black.withAlpha(204),
                  fontSize: 15.sp,
                  fontWeight: FontWeight.w500,
                ),
              ),
              SizedBox(width: 4.w),
              characterInfo.isVip == true
                  ? Assets.images.iconCharacterVip.image(
                    width: 38.w,
                    height: 16.h,
                  )
                  : Container(),
            ],
          ),
          Text(
            characterInfo.description ?? "",
            softWrap: true,
            style: TextStyle(
              color: Colors.black.withAlpha(153),
              fontSize: 12.sp,
              fontWeight: FontWeight.w400,
            ),
          ),
        ],
      ),
    );
  }

  ///  按钮
  Widget _buildActionButton(CharacterInfo characterInfo) {
    return InkWell(
      onTap: () {
        controller.itemButtonClick(characterInfo);
      },
      child: Container(
        width: 72.w,
        height: 28.h,
        margin: EdgeInsets.only(left: 8.w),
        decoration: BoxDecoration(
          borderRadius: BorderRadius.circular(50.r),
          gradient:
              characterInfo.isAdd == true
                  ? null
                  : const LinearGradient(
                    colors: [Color(0xFF7D46FC), Color(0xFFBC87FF)],
                    begin: Alignment.topLeft,
                    end: Alignment.bottomRight,
                  ),
          color: characterInfo.isAdd == true ? const Color(0xFFEDE8FF) : null,
        ),
        child: Row(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            if (characterInfo.isLock == true && characterInfo.isVip == true)
              Padding(
                padding: EdgeInsets.only(right: 2.w),
                child: Assets.images.iconCharacterLock.image(
                  width: 18.r,
                  height: 18.r,
                ), // 锁定图标
              ),
            Text(
              characterInfo.isLock == true && characterInfo.isVip == true
                  ? StringName.characterUnlock
                  : characterInfo.isAdd == true
                  ? StringName.characterAdded
                  : StringName.characterAdd,
              style: TextStyle(
                color:
                    characterInfo.isAdd == true
                        ? const Color(0xFF7D46FC)
                        : Colors.white,
                fontSize: 14.sp,
                fontWeight: FontWeight.w500,
              ),
            ),
          ],
        ),
      ),
    );
  }

  Widget _buildCustomListEmpty() {
    return Container(
      alignment: Alignment.center,
        child: Column(
      children: [
        SizedBox(height: 100.w),
        Assets.images.iconCharacterCustomListEmpty.image(
          width: 161.w,
          height: 139.w,
        ),
        Text(
          StringName.characterCustomListEmpty,
          style: TextStyle(
            color: Colors.black.withAlpha(178),
            fontSize: 14.sp,
            fontWeight: FontWeight.w400,
          ),
        ),

      ],
    ));
  }
}