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

优化新手指引

weicu
tanlongsheng 1 year ago
parent
eeeca0e993
commit
ac975f8a6f
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
Unified 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, bool alignment = true,
Function? onNext, Function? onNext,
Function? onFinish, Function? onFinish,
Function? onTap,
}) { }) {
double height = double dy = params.offset?.dy ?? 0;
(params.offset?.dy ?? 0) - ScreenUtil().statusBarHeight - 20.w; double width = params.size.width;
double height = params.size.height;
double totalHeight = dy + height + 3 - ScreenUtil().statusBarHeight;
double left = params.offset?.dx ?? 0; double left = params.offset?.dx ?? 0;
double right = 1.sw - left - params.size.width; double right = 1.sw - left - width;
return SizedBox( return SizedBox(
height: height, height: totalHeight,
child: Column( child: Column(
mainAxisAlignment: MainAxisAlignment.spaceBetween, mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [ children: [
@ -96,15 +99,15 @@ class IntroOverlayBuilder {
), ),
Padding( Padding(
padding: EdgeInsets.only( padding: EdgeInsets.only(
left: alignment ? left : 12.w, left: alignment ? left - 3 : 12.w - 3,
right: alignment ? 12.w : right, right: alignment ? 12.w - 3 : right - 3,
), ),
child: Column( child: Column(
crossAxisAlignment: crossAxisAlignment:
alignment ? CrossAxisAlignment.start : CrossAxisAlignment.end, alignment ? CrossAxisAlignment.start : CrossAxisAlignment.end,
children: [ children: [
Padding( Padding(
padding: EdgeInsets.only(bottom: 10.w), padding: const EdgeInsets.symmetric(horizontal: 3),
child: Text( child: Text(
text, text,
style: TextStyle( style: TextStyle(
@ -117,23 +120,51 @@ class IntroOverlayBuilder {
Row( Row(
children: [ children: [
if (onNext != null) if (onNext != null)
_button( Padding(
padding: EdgeInsets.only(top: 10.w, left: 3, right: 3),
child: _button(
buttonText, buttonText,
() { () {
params.onNext!(); params.onNext!();
onNext(); onNext();
}, },
), ),
),
if (onFinish != null) if (onFinish != null)
_button( Padding(
padding: EdgeInsets.only(top: 10.w, left: 3, right: 3),
child: _button(
buttonText, buttonText,
() { () {
params.onFinish(); params.onFinish();
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( : _AnimatedBorderButton(
text: text,
onTap: onTap, 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 { class _AnimatedBorderButton extends StatefulWidget {
final String text; final Widget child;
final bool isButton;
final Function() onTap; final Function() onTap;
const _AnimatedBorderButton({ const _AnimatedBorderButton({
required this.text, required this.child,
required this.onTap, required this.onTap,
this.isButton = true,
}); });
@override @override
@ -276,22 +322,9 @@ class _AnimatedBorderButtonState extends State<_AnimatedBorderButton>
return CustomPaint( return CustomPaint(
painter: _FlowingBorderPainter( painter: _FlowingBorderPainter(
progress: _animation.value, progress: _animation.value,
borderRadius: 20.r, borderRadius: widget.isButton ? 20.r : 0.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,
),
),
), ),
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), SizedBox(width: 8.w),
// 动态按钮区域：展开按钮 + 发送按钮 或 图片选择按钮 // 动态按钮区域：展开按钮 + 发送按钮 或 图片选择按钮
Builder(builder: (context) { IntroStepBuilder(
StepWidgetParams? widgetParams;
return IntroStepBuilder(
group: 'ai', group: 'ai',
order: 2, order: 2,
onHighlightWidgetTap: () async {
await controller
.noviceGuideService.aiStepsList[
controller.noviceGuideService.aiStep]
['method']();
widgetParams!.onNext!();
controller.sendMessage();
},
getOverlayPosition: getOverlayPosition:
IntroOverlayBuilder.overlayPosition, IntroOverlayBuilder.overlayPosition,
overlayBuilder: (params) { overlayBuilder: (params) {
widgetParams = params;
return IntroOverlayBuilder.aiBuilder( return IntroOverlayBuilder.aiBuilder(
params, params,
'点击发送，${controller.noviceGuideService.aiStepsList[controller.noviceGuideService.aiStep]['send']}', '点击发送，${controller.noviceGuideService.aiStepsList[controller.noviceGuideService.aiStep]['send']}',
alignment: false, alignment: false,
onTap: () async {
await controller
.noviceGuideService.aiStepsList[
controller.noviceGuideService
.aiStep]['method']();
params.onNext!();
controller.sendMessage();
},
); );
}, },
builder: builder: (BuildContext context, GlobalKey key) =>
(BuildContext context, GlobalKey key) =>
Obx( Obx(
key: key, key: key,
() { () {
final hasText = final hasText = controller.hasTextInput.value;
controller.hasTextInput.value;
final hasImage = final hasImage =
controller.isImageInputActive.value; controller.isImageInputActive.value;
final shouldShowSend = hasText || hasImage; final shouldShowSend = hasText || hasImage;
@ -790,8 +785,7 @@ class _AgentViewState extends State<AgentView> with WidgetsBindingObserver {
child: GestureDetector( child: GestureDetector(
onTap: () { onTap: () {
// 打开底部弹出编辑模式 // 打开底部弹出编辑模式
controller controller.openFullScreenEdit();
.openFullScreenEdit();
showModalBottomSheet( showModalBottomSheet(
context: context, context: context,
isScrollControlled: true, isScrollControlled: true,
@ -828,8 +822,7 @@ class _AgentViewState extends State<AgentView> with WidgetsBindingObserver {
), ),
// 发送按钮 // 发送按钮
GestureDetector( GestureDetector(
onTap: () => onTap: () => controller.sendMessage(),
controller.sendMessage(),
child: Container( child: Container(
width: 44.w, width: 44.w,
height: 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( child: IntroStepBuilder(
group: 'home', group: 'home',
order: 3, order: 3,
onHighlightWidgetTap: () {
Intro.of(Get.context!).dispose();
controller.exploreAIFeatures();
},
getOverlayPosition: IntroOverlayBuilder.overlayPosition, getOverlayPosition: IntroOverlayBuilder.overlayPosition,
overlayBuilder: (params) { overlayBuilder: (params) {
return IntroOverlayBuilder.aiBuilder( return IntroOverlayBuilder.aiBuilder(
params, params,
'太棒了！你已成功唤醒小言，接下来试试让它帮你做件事吧', '太棒了！你已成功唤醒小言，接下来试试让它帮你做件事吧',
onTap: () {
params.onFinish();
controller.exploreAIFeatures();
},
); );
}, },
builder: (BuildContext context, GlobalKey key) => SizedBox( builder: (BuildContext context, GlobalKey key) => SizedBox(

Write Preview
Loading…
Cancel
Save