liwei1dao
/
deepvoice_client
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

优化新手指引

newdev_shunjiawei
tanlongsheng 1 year ago
parent
1c939ea978
commit
849eda28d9
3 changed files with 192 additions and 167 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 87
      lib/core/widgets/intro_overlay_builder.dart
  2. 36
      lib/modules/agent/views/agent_view.dart
  3. 8
      lib/modules/home/views/home_view.dart

87
lib/core/widgets/intro_overlay_builder.dart
View File

@ -73,13 +73,16 @@ class IntroOverlayBuilder {
bool alignment = true,
Function? onNext,
Function? onFinish,
Function? onTap,
}) {
double height =
(params.offset?.dy ?? 0) - ScreenUtil().statusBarHeight - 20.w;
double dy = params.offset?.dy ?? 0;
double width = params.size.width;
double height = params.size.height;
double totalHeight = dy + height + 3 - ScreenUtil().statusBarHeight;
double left = params.offset?.dx ?? 0;
double right = 1.sw - left - params.size.width;
double right = 1.sw - left - width;
return SizedBox(
height: height,
height: totalHeight,
child: Column(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
@ -96,15 +99,15 @@ class IntroOverlayBuilder {
),
Padding(
padding: EdgeInsets.only(
left: alignment ? left : 12.w,
right: alignment ? 12.w : right,
left: alignment ? left - 3 : 12.w - 3,
right: alignment ? 12.w - 3 : right - 3,
),
child: Column(
crossAxisAlignment:
alignment ? CrossAxisAlignment.start : CrossAxisAlignment.end,
children: [
Padding(
padding: EdgeInsets.only(bottom: 10.w),
padding: const EdgeInsets.symmetric(horizontal: 3),
child: Text(
text,
style: TextStyle(
@ -117,23 +120,51 @@ class IntroOverlayBuilder {
Row(
children: [
if (onNext != null)
_button(
Padding(
padding: EdgeInsets.only(top: 10.w, left: 3, right: 3),
child: _button(
buttonText,
() {
params.onNext!();
onNext();
},
),
),
if (onFinish != null)
_button(
Padding(
padding: EdgeInsets.only(top: 10.w, left: 3, right: 3),
child: _button(
buttonText,
() {
params.onFinish();
onFinish();
},
),
),
],
),
SizedBox(height: 20.w),
onTap != null
? _AnimatedBorderButton(
onTap: () {
onTap();
},
isButton: false,
child: Padding(
padding: const EdgeInsetsGeometry.all(3),
child: SizedBox(
width: width,
height: height,
),
),
)
: Padding(
padding: const EdgeInsetsGeometry.all(3),
child: SizedBox(
width: width,
height: height,
),
),
],
),
),
@ -162,8 +193,21 @@ class IntroOverlayBuilder {
),
)
: _AnimatedBorderButton(
text: text,
onTap: onTap,
child: Container(
padding: EdgeInsets.symmetric(horizontal: 15.w, vertical: 5.w),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(20.r),
border: Border.all(color: Colors.transparent),
),
child: Text(
text,
style: TextStyle(
fontSize: 14.sp,
color: Colors.white,
),
),
),
);
}
}
@ -228,12 +272,14 @@ class _AnimatedLottieWidgetState extends State<_AnimatedLottieWidget>
// 新增的带边框流动动画的按钮组件
class _AnimatedBorderButton extends StatefulWidget {
final String text;
final Widget child;
final bool isButton;
final Function() onTap;
const _AnimatedBorderButton({
required this.text,
required this.child,
required this.onTap,
this.isButton = true,
});
@override
@ -276,22 +322,9 @@ class _AnimatedBorderButtonState extends State<_AnimatedBorderButton>
return CustomPaint(
painter: _FlowingBorderPainter(
progress: _animation.value,
borderRadius: 20.r,
),
child: Container(
padding: EdgeInsets.symmetric(horizontal: 15.w, vertical: 5.w),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(20.r),
border: Border.all(color: Colors.transparent),
),
child: Text(
widget.text,
style: TextStyle(
fontSize: 14.sp,
color: Colors.white,
),
),
borderRadius: widget.isButton ? 20.r : 0.r,
),
child: widget.child,
);
},
),

36
lib/modules/agent/views/agent_view.dart
View File

@ -742,36 +742,31 @@ class _AgentViewState extends State<AgentView> with WidgetsBindingObserver {
SizedBox(width: 8.w),
// 动态按钮区域：展开按钮 + 发送按钮 或 图片选择按钮
Builder(builder: (context) {
StepWidgetParams? widgetParams;
return IntroStepBuilder(
IntroStepBuilder(
group: 'ai',
order: 2,
onHighlightWidgetTap: () async {
await controller
.noviceGuideService.aiStepsList[
controller.noviceGuideService.aiStep]
['method']();
widgetParams!.onNext!();
controller.sendMessage();
},
getOverlayPosition:
IntroOverlayBuilder.overlayPosition,
overlayBuilder: (params) {
widgetParams = params;
return IntroOverlayBuilder.aiBuilder(
params,
'点击发送，${controller.noviceGuideService.aiStepsList[controller.noviceGuideService.aiStep]['send']}',
alignment: false,
onTap: () async {
await controller
.noviceGuideService.aiStepsList[
controller.noviceGuideService
.aiStep]['method']();
params.onNext!();
controller.sendMessage();
},
);
},
builder:
(BuildContext context, GlobalKey key) =>
builder: (BuildContext context, GlobalKey key) =>
Obx(
key: key,
() {
final hasText =
controller.hasTextInput.value;
final hasText = controller.hasTextInput.value;
final hasImage =
controller.isImageInputActive.value;
final shouldShowSend = hasText || hasImage;
@ -790,8 +785,7 @@ class _AgentViewState extends State<AgentView> with WidgetsBindingObserver {
child: GestureDetector(
onTap: () {
// 打开底部弹出编辑模式
controller
.openFullScreenEdit();
controller.openFullScreenEdit();
showModalBottomSheet(
context: context,
isScrollControlled: true,
@ -828,8 +822,7 @@ class _AgentViewState extends State<AgentView> with WidgetsBindingObserver {
),
// 发送按钮
GestureDetector(
onTap: () =>
controller.sendMessage(),
onTap: () => controller.sendMessage(),
child: Container(
width: 44.w,
height: 44.w,
@ -885,8 +878,7 @@ class _AgentViewState extends State<AgentView> with WidgetsBindingObserver {
}
},
),
);
}),
),
],
),

8
lib/modules/home/views/home_view.dart
View File

@ -740,15 +740,15 @@ class HomeView extends GetView<HomeController> {
child: IntroStepBuilder(
group: 'home',
order: 3,
onHighlightWidgetTap: () {
Intro.of(Get.context!).dispose();
controller.exploreAIFeatures();
},
getOverlayPosition: IntroOverlayBuilder.overlayPosition,
overlayBuilder: (params) {
return IntroOverlayBuilder.aiBuilder(
params,
'太棒了！你已成功唤醒小言，接下来试试让它帮你做件事吧',
onTap: () {
params.onFinish();
controller.exploreAIFeatures();
},
);
},
builder: (BuildContext context, GlobalKey key) => SizedBox(

Write Preview
Loading…
Cancel
Save