625 lines
18 KiB
Dart
625 lines
18 KiB
Dart
import 'package:extended_image/extended_image.dart';
|
||
import 'package:flutter/cupertino.dart';
|
||
import 'package:flutter/material.dart';
|
||
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
||
import 'package:yumi/ui_kit/components/text/sc_text.dart';
|
||
import 'package:yumi/ui_kit/theme/socialchat_theme.dart';
|
||
import 'package:tancent_vap/utils/constant.dart';
|
||
import 'package:tancent_vap/widgets/vap_view.dart';
|
||
import 'package:yumi/shared/data_sources/sources/local/file_cache_manager.dart';
|
||
import 'package:yumi/ui_kit/widgets/headdress/headdress_widget.dart';
|
||
import 'package:yumi/app/constants/sc_global_config.dart';
|
||
import 'package:yumi/app/constants/sc_screen.dart';
|
||
import 'package:yumi/shared/tools/sc_path_utils.dart';
|
||
|
||
import '../../shared/data_sources/models/enum/sc_room_roles_type.dart';
|
||
|
||
Widget head({
|
||
required String url,
|
||
required double width,
|
||
double? height,
|
||
Border? border,
|
||
String? headdress,
|
||
BoxShape shape = BoxShape.circle,
|
||
BoxFit fit = BoxFit.cover,
|
||
BorderRadius? borderRadius,
|
||
bool showDefault = true,
|
||
bool isRoom = false,
|
||
}) {
|
||
return RepaintBoundary(
|
||
child: Stack(
|
||
alignment: Alignment.center,
|
||
children: [
|
||
Container(
|
||
padding: EdgeInsets.all(width * 0.12),
|
||
width: width,
|
||
height: height ?? width,
|
||
child: ExtendedImage.network(
|
||
url,
|
||
width: width,
|
||
height: height ?? width,
|
||
fit: fit,
|
||
cache: true,
|
||
shape: shape,
|
||
border: border,
|
||
clearMemoryCacheWhenDispose: false,
|
||
clearMemoryCacheIfFailed: true,
|
||
borderRadius: borderRadius,
|
||
loadStateChanged: (ExtendedImageState state) {
|
||
if (state.extendedImageLoadState == LoadState.completed) {
|
||
return ExtendedRawImage(
|
||
image: state.extendedImageInfo?.image,
|
||
fit: fit,
|
||
);
|
||
} else if (state.extendedImageLoadState == LoadState.loading) {
|
||
if (showDefault) {
|
||
return ExtendedImage.asset(
|
||
shape: shape,
|
||
"sc_images/general/sc_icon_loading.png",
|
||
fit: BoxFit.cover,
|
||
);
|
||
}
|
||
return Container();
|
||
} else {
|
||
return ExtendedImage.asset(
|
||
shape: shape,
|
||
"sc_images/general/sc_icon_avar_defalt.png",
|
||
fit: BoxFit.cover,
|
||
);
|
||
}
|
||
},
|
||
),
|
||
),
|
||
headdress != null && SCPathUtils.fileTypeIsPic2(headdress)
|
||
? netImage(url: headdress, width: width, height: width)
|
||
: Container(),
|
||
headdress != null &&
|
||
SCPathUtils.getFileExtension(headdress).toLowerCase() ==
|
||
".svga" &&
|
||
SCGlobalConfig.sdkInt > SCGlobalConfig.maxSdkNoAnim
|
||
? IgnorePointer(
|
||
child: SVGAHeadwearWidget(
|
||
width: width,
|
||
height: width,
|
||
resource: headdress,
|
||
),
|
||
)
|
||
: Container(),
|
||
headdress != null &&
|
||
SCPathUtils.getFileExtension(headdress).toLowerCase() == ".mp4" &&
|
||
SCGlobalConfig.sdkInt > SCGlobalConfig.maxSdkNoAnim
|
||
? SizedBox(
|
||
width: width,
|
||
height: width,
|
||
child: IgnorePointer(
|
||
child: VapView(
|
||
scaleType: ScaleType.centerCrop,
|
||
repeat: 90000000,
|
||
onViewCreated: (controller) {
|
||
FileCacheManager.getInstance().getFile(url: headdress).then(
|
||
(file) {
|
||
controller.playFile(file.path);
|
||
},
|
||
);
|
||
},
|
||
),
|
||
),
|
||
)
|
||
: Container(),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget netImage({
|
||
required String url,
|
||
String? defaultImg,
|
||
bool noDefaultImg = false,
|
||
double? width,
|
||
double? height,
|
||
BorderRadius? borderRadius,
|
||
BoxFit? fit,
|
||
BoxShape? shape,
|
||
Border? border,
|
||
}) {
|
||
// print('${SCGlobalConfig.imgHost}$image?imageslim');
|
||
return ExtendedImage.network(
|
||
url,
|
||
width: width,
|
||
height: height ?? width,
|
||
fit: fit ?? BoxFit.cover,
|
||
cache: true,
|
||
shape: shape ?? BoxShape.rectangle,
|
||
borderRadius: borderRadius,
|
||
clearMemoryCacheWhenDispose: false,
|
||
clearMemoryCacheIfFailed: true,
|
||
border: border,
|
||
gaplessPlayback: true,
|
||
loadStateChanged: (ExtendedImageState state) {
|
||
if (state.extendedImageLoadState == LoadState.completed) {
|
||
return ExtendedRawImage(
|
||
image: state.extendedImageInfo?.image,
|
||
fit: fit ?? BoxFit.cover,
|
||
);
|
||
} else if (state.extendedImageLoadState == LoadState.failed) {
|
||
return noDefaultImg
|
||
? Container()
|
||
: Image.asset(
|
||
defaultImg ?? "sc_images/general/sc_icon_loading.png",
|
||
fit: BoxFit.cover,
|
||
);
|
||
} else {
|
||
return noDefaultImg
|
||
? Container()
|
||
: Image.asset(
|
||
defaultImg ?? "sc_images/general/sc_icon_loading.png",
|
||
fit: BoxFit.cover,
|
||
);
|
||
}
|
||
},
|
||
);
|
||
}
|
||
|
||
/// 空页面
|
||
///默认空页面
|
||
mainEmpty({
|
||
String msg = "No data",
|
||
Widget? image,
|
||
bool center = true,
|
||
Color textColor = const Color(0xffffffff),
|
||
}) {
|
||
List<Widget> list = [];
|
||
list.add(SizedBox(height: height(center ? 40.w : 0.w)));
|
||
list.add(
|
||
image ??
|
||
Image.asset(
|
||
'sc_images/general/sc_icon_loading.png',
|
||
width: 121.w,
|
||
fit: BoxFit.fitWidth,
|
||
),
|
||
);
|
||
list.add(SizedBox(height: height(10.w)));
|
||
list.add(
|
||
Text(
|
||
msg,
|
||
style: TextStyle(
|
||
fontSize: sp(12),
|
||
color: textColor,
|
||
fontWeight: FontWeight.w400,
|
||
decoration: TextDecoration.none,
|
||
height: 1,
|
||
),
|
||
),
|
||
);
|
||
return Row(
|
||
mainAxisAlignment: MainAxisAlignment.center,
|
||
children: [
|
||
Column(
|
||
mainAxisSize: MainAxisSize.min,
|
||
crossAxisAlignment: CrossAxisAlignment.center,
|
||
mainAxisAlignment:
|
||
center ? MainAxisAlignment.center : MainAxisAlignment.start,
|
||
children: list,
|
||
),
|
||
],
|
||
);
|
||
}
|
||
|
||
msgRoleTag(String role, {double? width, double? height}) {
|
||
String image = "";
|
||
if (SCRoomRolesType.HOMEOWNER.name == role) {
|
||
image = 'fz';
|
||
} else if (SCRoomRolesType.ADMIN.name == role) {
|
||
image = "gly";
|
||
} else if (SCRoomRolesType.MEMBER.name == role) {
|
||
image = "hy";
|
||
} else if (SCRoomRolesType.TOURIST.name == role) {
|
||
image = "guest";
|
||
}
|
||
if (image.isEmpty) return SizedBox.shrink();
|
||
return Container(
|
||
alignment: Alignment.center,
|
||
width: width ?? 22.w,
|
||
height: height ?? 22.w,
|
||
decoration: BoxDecoration(
|
||
image: DecorationImage(
|
||
image: AssetImage("sc_images/room/sc_icon_room_$image.png"),
|
||
),
|
||
),
|
||
);
|
||
}
|
||
|
||
///性别 0女 1男
|
||
xb(num? sex, {double? height, Color? color = Colors.white}) {
|
||
// print('sex：$sex');
|
||
// if (sex == null) return Container();
|
||
String image = "sc_images/login/sc_icon_sex_man.png";
|
||
if (sex == 0) {
|
||
image = "sc_images/login/sc_icon_sex_woman.png";
|
||
}
|
||
return Image.asset(
|
||
image,
|
||
height: height ?? 14.w,
|
||
fit: BoxFit.fill,
|
||
color: color,
|
||
);
|
||
}
|
||
|
||
xb2(num? sex, {double? width, double? height}) {
|
||
// print('sex：$sex');
|
||
if (sex == null) return Container();
|
||
String image = "sc_images/login/sc_icon_sex_man_bg.png";
|
||
if (sex == 0) {
|
||
image = "sc_images/login/sc_icon_sex_woman_bg.png";
|
||
}
|
||
return Image.asset(
|
||
image,
|
||
width: width ?? 28.w,
|
||
height: height ?? 14.w,
|
||
fit: BoxFit.fill,
|
||
);
|
||
}
|
||
|
||
///搜索框
|
||
searchWidget({
|
||
Function? onChange,
|
||
Function? onTap,
|
||
String? hint,
|
||
double? hintSize,
|
||
Color? borderColor,
|
||
EdgeInsetsGeometry? padding,
|
||
TextEditingController? controller,
|
||
Color? textColor,
|
||
Color? serachIconColor,
|
||
FocusNode? focusNode,
|
||
}) {
|
||
return GestureDetector(
|
||
behavior: HitTestBehavior.opaque,
|
||
onTap: () {
|
||
if (onTap != null) {
|
||
onTap();
|
||
}
|
||
},
|
||
child: Container(
|
||
margin:
|
||
padding ??
|
||
EdgeInsetsDirectional.only(start: width(15), end: width(0)),
|
||
alignment: AlignmentDirectional.centerStart,
|
||
height: width(36),
|
||
//width: width(345),
|
||
decoration: BoxDecoration(
|
||
color: Color(0xff18F2B1).withOpacity(0.1),
|
||
borderRadius: BorderRadius.all(Radius.circular(height(20))),
|
||
border: Border.all(color: borderColor ?? Colors.black12, width: 1.w),
|
||
),
|
||
child: Row(
|
||
crossAxisAlignment: CrossAxisAlignment.center,
|
||
mainAxisAlignment: MainAxisAlignment.center,
|
||
children: <Widget>[
|
||
SizedBox(width: width(10)),
|
||
Image.asset(
|
||
"sc_images/index/sc_icon_serach2.png",
|
||
width: 20.w,
|
||
color: serachIconColor ?? Color(0xff18F2B1),
|
||
height: 20.w
|
||
),
|
||
SizedBox(width: width(6)),
|
||
_buildPhoneInput(
|
||
onChange,
|
||
onTap == null,
|
||
hint ?? 'Search by ID',
|
||
controller,
|
||
textColor,
|
||
hintSize,
|
||
focusNode,
|
||
),
|
||
],
|
||
),
|
||
),
|
||
);
|
||
}
|
||
|
||
_buildPhoneInput(
|
||
Function? onChange,
|
||
bool enabled,
|
||
String tint,
|
||
TextEditingController? controller,
|
||
Color? textColor,
|
||
double? hintSize,
|
||
FocusNode? focusNode,
|
||
) {
|
||
return Expanded(
|
||
child: TextField(
|
||
controller: controller,
|
||
onChanged: (text) {
|
||
if (onChange != null) {
|
||
onChange(text);
|
||
}
|
||
},
|
||
focusNode: focusNode,
|
||
autofocus: false,
|
||
enabled: enabled,
|
||
maxLength: 11,
|
||
cursorColor: SocialChatTheme.primaryColor,
|
||
decoration: InputDecoration(
|
||
hintText: tint,
|
||
hintStyle: TextStyle(color: SocialChatTheme.textSecondary, fontSize: hintSize ?? sp(14)),
|
||
counterText: '',
|
||
isDense: true,
|
||
filled: false,
|
||
focusColor: Colors.transparent,
|
||
hoverColor: Colors.transparent,
|
||
border: InputBorder.none,
|
||
enabledBorder: InputBorder.none,
|
||
focusedBorder: InputBorder.none,
|
||
disabledBorder: InputBorder.none,
|
||
errorBorder: InputBorder.none,
|
||
focusedErrorBorder: InputBorder.none,
|
||
contentPadding: EdgeInsets.only(bottom: 0),
|
||
),
|
||
style: TextStyle(
|
||
textBaseline: TextBaseline.alphabetic,
|
||
fontSize: hintSize ?? sp(14),
|
||
color: textColor ?? Colors.black,
|
||
),
|
||
),
|
||
);
|
||
}
|
||
|
||
///vip标识
|
||
getVIPBadge(String? type, {double? width, double? height}) {
|
||
return Container();
|
||
}
|
||
|
||
///用户等级
|
||
getUserLevel(num level, {double? width, double? height, double? fontSize}) {
|
||
String icon = "";
|
||
if (level > 0 && level < 11) {
|
||
icon = "sc_images/level/sc_icon_user_level_1_10.png";
|
||
} else if (level > 10 && level < 21) {
|
||
icon = "sc_images/level/sc_icon_user_level_10_20.png";
|
||
} else if (level > 20 && level < 31) {
|
||
icon = "sc_images/level/sc_icon_user_level_20_30.png";
|
||
} else if (level > 30 && level < 41) {
|
||
icon = "sc_images/level/sc_icon_user_level_30_40.png";
|
||
} else if (level > 40 && level < 51) {
|
||
icon = "sc_images/level/sc_icon_user_level_40_50.png";
|
||
}
|
||
return icon.isNotEmpty
|
||
? Directionality(
|
||
textDirection: TextDirection.ltr,
|
||
child: Stack(
|
||
alignment: AlignmentDirectional.center,
|
||
children: [
|
||
Image.asset(icon, width: width, height: height, fit: BoxFit.fill),
|
||
PositionedDirectional(
|
||
end: level > 9 ? 10.w : 15.w,
|
||
child: text(
|
||
"$level",
|
||
fontSize: fontSize ?? 12.sp,
|
||
fontWeight: FontWeight.w600,
|
||
),
|
||
),
|
||
],
|
||
),
|
||
)
|
||
: Container();
|
||
}
|
||
|
||
///用户魅力等级
|
||
getWealthLevel(num level, {double? width, double? height, double? fontSize}) {
|
||
String icon = "";
|
||
if (level > 0 && level < 11) {
|
||
icon = "sc_images/level/sc_icon_wealth_level_1_10.png";
|
||
} else if (level > 10 && level < 21) {
|
||
icon = "sc_images/level/sc_icon_wealth_level_10_20.png";
|
||
} else if (level > 20 && level < 31) {
|
||
icon = "sc_images/level/sc_icon_wealth_level_20_30.png";
|
||
} else if (level > 30 && level < 41) {
|
||
icon = "sc_images/level/sc_icon_wealth_level_30_40.png";
|
||
} else if (level > 40 && level < 51) {
|
||
icon = "sc_images/level/sc_icon_wealth_level_40_50.png";
|
||
}
|
||
return icon.isNotEmpty
|
||
? Directionality(
|
||
textDirection: TextDirection.ltr,
|
||
child: Stack(
|
||
alignment: AlignmentDirectional.center,
|
||
children: [
|
||
Image.asset(icon, width: width, height: height, fit: BoxFit.fill),
|
||
PositionedDirectional(
|
||
end: level > 9 ? 10.w : 15.w,
|
||
child: text(
|
||
"$level",
|
||
fontSize: fontSize ?? 12.sp,
|
||
fontWeight: FontWeight.w600,
|
||
),
|
||
),
|
||
],
|
||
),
|
||
)
|
||
: Container();
|
||
}
|
||
|
||
String getGiftObtCoinsBg(num obtCoins) {
|
||
String icon = "";
|
||
if (obtCoins > -1 && obtCoins < 5000) {
|
||
icon = "sc_images/room/sc_icon_luck_gift_obt_coins_bg_0.png";
|
||
} else if (obtCoins > 4999 && obtCoins < 50000) {
|
||
icon = "sc_images/room/sc_icon_luck_gift_obt_coins_bg_1.png";
|
||
} else if (obtCoins > 49999 && obtCoins < 100000) {
|
||
icon = "sc_images/room/sc_icon_luck_gift_obt_coins_bg_2.png";
|
||
} else if (obtCoins > 99999 && obtCoins < 1000000) {
|
||
icon = "sc_images/room/sc_icon_luck_gift_obt_coins_bg_3.png";
|
||
} else if (obtCoins > 999999 && obtCoins < 10000000) {
|
||
icon = "sc_images/room/sc_icon_luck_gift_obt_coins_bg_4.png";
|
||
} else if (obtCoins > 9999999) {
|
||
icon = "sc_images/room/sc_icon_luck_gift_obt_coins_bg_5.png";
|
||
}
|
||
return icon;
|
||
}
|
||
|
||
///数字图片
|
||
buildNum(String num, {double? size = 18}) {
|
||
if (num.isNotEmpty) {
|
||
List<Widget> eList = [];
|
||
int index = 0;
|
||
num.split("").forEach((item) {
|
||
if (item == "k") {
|
||
eList.add(
|
||
Container(
|
||
margin: EdgeInsetsDirectional.only(
|
||
start: (index * (size ?? 18) * 0.9).w,
|
||
),
|
||
child: Image.asset(
|
||
"sc_images/room/sc_icon_k.png",
|
||
width: size,
|
||
height: size,
|
||
),
|
||
),
|
||
);
|
||
} else if (item == "m") {
|
||
eList.add(
|
||
Container(
|
||
margin: EdgeInsetsDirectional.only(
|
||
start: (index * (size ?? 18) * 0.9).w,
|
||
),
|
||
child: Image.asset(
|
||
"sc_images/room/sc_icon_m.png",
|
||
width: size,
|
||
height: size,
|
||
),
|
||
),
|
||
);
|
||
} else {
|
||
eList.add(
|
||
Container(
|
||
margin: EdgeInsetsDirectional.only(
|
||
start: (index * (size ?? 18) * 0.8).w,
|
||
),
|
||
child: Image.asset(
|
||
"sc_images/room/sc_icon_number_$item.png",
|
||
width: size,
|
||
height: size,
|
||
),
|
||
),
|
||
);
|
||
}
|
||
index = index + 1;
|
||
});
|
||
return Directionality(
|
||
textDirection: TextDirection.ltr,
|
||
child: Stack(children: eList),
|
||
);
|
||
} else {
|
||
return Container();
|
||
}
|
||
}
|
||
|
||
///游戏飘屏数字图片
|
||
buildNumForGame(String num, {double? size = 18}) {
|
||
if (num.isNotEmpty) {
|
||
List<Widget> eList = [];
|
||
int index = 0;
|
||
num.split("").forEach((item) {
|
||
if (item == "k") {
|
||
eList.add(
|
||
Container(
|
||
margin: EdgeInsetsDirectional.only(
|
||
start: (index * (size ?? 18) * 0.65).w,
|
||
),
|
||
child: Image.asset(
|
||
"sc_images/general/sc_icon_game_numk.png",
|
||
width: size,
|
||
height: size,
|
||
),
|
||
),
|
||
);
|
||
} else if (item == "m") {
|
||
eList.add(
|
||
Container(
|
||
margin: EdgeInsetsDirectional.only(
|
||
start: (index * (size ?? 18) * 0.65).w,
|
||
),
|
||
child: Image.asset(
|
||
"sc_images/general/sc_icon_game_numm.png",
|
||
width: size,
|
||
height: size,
|
||
),
|
||
),
|
||
);
|
||
} else {
|
||
eList.add(
|
||
Container(
|
||
margin: EdgeInsetsDirectional.only(
|
||
start: (index * (size ?? 18) * 0.6).w,
|
||
),
|
||
child: Image.asset(
|
||
"sc_images/general/sc_icon_game_num$item.png",
|
||
width: size,
|
||
height: size,
|
||
),
|
||
),
|
||
);
|
||
}
|
||
index = index + 1;
|
||
});
|
||
return Directionality(
|
||
textDirection: TextDirection.ltr,
|
||
child: Stack(children: eList),
|
||
);
|
||
} else {
|
||
return Container();
|
||
}
|
||
}
|
||
|
||
///房间幸运数字
|
||
buildNumForRoomLuckNum(String num, {double? size = 18}) {
|
||
if (num.isNotEmpty) {
|
||
List<Widget> eList = [];
|
||
int index = 0;
|
||
num.split("").forEach((item) {
|
||
eList.add(
|
||
Container(
|
||
margin: EdgeInsetsDirectional.only(
|
||
start: (index * (size ?? 18) * 0.7).w,
|
||
),
|
||
child: Image.asset(
|
||
"sc_images/room/sc_icon_lucknumber_$item.png",
|
||
width: size,
|
||
height: size,
|
||
),
|
||
),
|
||
);
|
||
index = index + 1;
|
||
});
|
||
return Directionality(
|
||
textDirection: TextDirection.ltr,
|
||
child: Stack(children: eList),
|
||
);
|
||
} else {
|
||
return Container();
|
||
}
|
||
}
|
||
|
||
buildFamilyProgressLinearGradient(int level) {
|
||
if (level == 0) {
|
||
return LinearGradient(colors: [Color(0xff2E4957), Color(0xffC9E7E8)]);
|
||
} else if (level == 1) {
|
||
return LinearGradient(colors: [Color(0xff5A3F31), Color(0xffF8CD85)]);
|
||
} else if (level == 2) {
|
||
return LinearGradient(colors: [Color(0xff0D5ACE), Color(0xffCBD9E8)]);
|
||
} else if (level == 3) {
|
||
return LinearGradient(colors: [Color(0xffC57E1C), Color(0xffCBD9E8)]);
|
||
} else if (level == 10) {
|
||
return LinearGradient(colors: [Color(0xff3C7FBE), Color(0xffADE1F1)]);
|
||
} else if (level == 11) {
|
||
return LinearGradient(colors: [Color(0xff300A67), Color(0xffA53EFF)]);
|
||
}
|
||
return LinearGradient(colors: [Color(0xff2E4957), Color(0xffC9E7E8)]);
|
||
}
|
||
|
||
buildVipNameColor(String type) {
|
||
return null;
|
||
}
|