app-starlock/lib/main/lockDetail/lockSet/speechLanguageSettings/speech_language_settings_page.dart

import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart';
import 'package:flutter_easyloading/flutter_easyloading.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart';
import 'package:star_lock/app_settings/app_colors.dart';
import 'package:star_lock/main/lockDetail/lockDetail/passthrough_item.dart';
import 'package:star_lock/main/lockDetail/lockSet/speechLanguageSettings/speech_language_settings_logic.dart';
import 'package:star_lock/main/lockDetail/lockSet/speechLanguageSettings/speech_language_settings_state.dart';
import 'package:star_lock/tools/EasyRefreshTool.dart';
import 'package:star_lock/tools/commonItem.dart';
import 'package:star_lock/tools/titleAppBar.dart';

class SpeechLanguageSettingsPage extends StatefulWidget {
  const SpeechLanguageSettingsPage();

  @override
  State<SpeechLanguageSettingsPage> createState() =>
      _SpeechLanguageSettingsPageState();
}

class _SpeechLanguageSettingsPageState
    extends State<SpeechLanguageSettingsPage> {
  final SpeechLanguageSettingsLogic logic =
      Get.put(SpeechLanguageSettingsLogic());
  final SpeechLanguageSettingsState state =
      Get.find<SpeechLanguageSettingsLogic>().state;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: AppColors.mainBackgroundColor,
      appBar: TitleAppBar(
        barTitle: '锁语音包设置'.tr,
        haveBack: true,
        backgroundColor: AppColors.mainColor,
        actionsList: [
          TextButton(
            onPressed: logic.saveSpeechLanguageSettings,
            child: Text(
              '下载'.tr,
              style: TextStyle(
                color: Colors.white,
                fontSize: 24.sp,
                fontWeight: FontWeight.w500,
              ),
            ),
          ),
        ],
      ),
      body: Obx(
        () => ListView(
          padding: EdgeInsets.zero,
          children: [
            // 语音类型选择区
            Container(
              color: Colors.white,
              child: Column(
                children: List.generate(
                  state.soundTypeList.length,
                  (index) {
                    final isLastItem = index == state.soundTypeList.length - 1;
                    final soundType = state.soundTypeList.value[index];
                    return CommonItem(
                      leftTitel: soundType,
                      rightTitle: '',
                      isHaveLine: !isLastItem,
                      isHaveDirection: false,
                      isHaveRightWidget: true,
                      rightWidget: Radio<String>(
                        value: soundType,
                        groupValue: state.soundTypeList
                            .value[state.selectSoundTypeIndex.value],
                        activeColor: AppColors.mainColor,
                        onChanged: (value) {
                          if (value != null) {
                            final newIndex = state.soundTypeList.value
                                .indexWhere((p) => p == value);
                            if (newIndex != -1) {
                              state.selectSoundTypeIndex.value = newIndex;
                            }
                          }
                        },
                      ),
                      action: () {
                        state.selectSoundTypeIndex.value = index;
                      },
                    );
                  },
                ),
              ),
            ),
            SizedBox(
              height: 8.h,
            ),
            // 语言包列表区
            Container(
              color: Colors.transparent,
              child: Column(
                children: List.generate(
                  state.languages.length,
                  (index) {
                    final item = state.languages[index];
                    return CommonItem(
                      leftTitel: item.langText,
                      rightTitle: '',
                      isHaveLine: true,
                      isHaveDirection: false,
                      isHaveRightWidget: true,
                      leftTitleMaxWidth: 0.9.sw, // 设置左侧标题最大宽度
                      rightWidget:
                          state.selectPassthroughListIndex.value == index
                              ? Image(
                                  image: const AssetImage(
                                      'images/icon_item_checked.png'),
                                  width: 30.w,
                                  height: 30.w,
                                  fit: BoxFit.contain,
                                )
                              : Container(),
                      action: () {
                        state.selectPassthroughListIndex.value = index;
                      },
                    );
                  },
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }


  List<Widget> _buildList() {
    final appLocalLanguages = state.languages;
    return List.generate(
      appLocalLanguages.length,
      (index) => _buildItem(
        appLocalLanguages[index],
        index,
      ),
    );
  }

  @override
  void dispose() {
    super.dispose();
    if (EasyLoading.isShow) {
      EasyLoading.dismiss(animation: true);
    }
  }

  _buildItem(PassthroughItem item, index) {
    return CommonItem(
      leftTitel: item.langText,
      rightTitle: '',
      isHaveLine: true,
      isHaveDirection: false,
      isHaveRightWidget: true,
      rightWidget: state.selectPassthroughListIndex.value == index
          ? Image(
              image: const AssetImage('images/icon_item_checked.png'),
              width: 30.w,
              height: 30.w,
              fit: BoxFit.contain,
            )
          : Container(),
      action: () {
        state.selectPassthroughListIndex.value = index;
      },
    );
  }
}