06_Flutter自定义锚点分类列表

06_Flutter自定义锚点分类列表

在这里插入图片描述

这样的效果，大家在一些商超应用里，应该也看到过。接下来咱们就用Flutter一步一步的来实现。

一.自定义属性抽取

在这里插入图片描述

  • categoryWidth: 左侧边栏的宽度，右侧区域的宽度填充剩余空间即可。
  • itemCount: 总共有多少个分类项，也就是左侧边栏中有多少个字项。
  • sticky: 滑动过程中，右侧标题是否吸顶。
  • controller: 外部通过controller可以控制左侧边栏中子项的选中以及右侧列表滑动位置的联动，同时监听选中状态。
  • categoryItemBuilder: 创建左侧边栏中的每一个分类项。
  • sectionItemBuilder: 创建右侧滑动列表中的每一个标题项。
  • sectionOfChildrenBuilder: 创建右侧滑动列表中的每一个标题项对应的子列表
class AnchorCategoryController extends ChangeNotifier {int selectedIndex = 0;void selectTo(int value) {selectedIndex = value;notifyListeners();}@overridevoid dispose() {selectedIndex = 0;super.dispose();}
}class _HomePageState extends State<HomePage> {final List<String> _sections = ["标题1", "标题2", "标题3", "标题4", "标题5", "标题6", "标题7", "标题8", "标题9", "标题10"];final List<List<String>> _childrenList = [["item1", "item2", "item3", "item4", "item5"],["item1", "item2", "item3"],["item1", "item2", "item3", "item4"],["item1"],["item1", "item2"],["item1", "item2", "item3", "item4", "item5", "item6"],["item1", "item2", "item3", "item4"],["item1", "item2", "item3", "item4", "item5"],["item1", "item2", "item3"],["item1", "item2", "item3", "item4", "item5"]];int _selectedSectionsIndex = 0;final AnchorCategoryController _controller = AnchorCategoryController();@overridevoid initState() {super.initState();_controller.addListener(_onCategoryChanged);}void _onCategoryChanged() {setState(() {_selectedSectionsIndex = _controller.selectedIndex;});}@overridevoid dispose() {_controller.removeListener(_onCategoryChanged);_controller.dispose();super.dispose();}@overrideWidget build(BuildContext context) {return Scaffold(appBar: AppBar(title: Text(widget.title),),body: SafeArea(child: AnchorCategoryList(controller: _controller,itemCount: _sections.length,sticky: true,categoryItemBuilder: (BuildContext context, int index) {return AlphaButton(onTap: () {_controller.selectTo(index);},child: Container(padding: const EdgeInsets.all(10),color: _selectedSectionsIndex == index ? const Color(0xFFFFFFFF): const Color(0xFFF2F2F2),child: Text(_sections[index]),),);},sectionItemBuilder: (BuildContext context, int index) {return Container(padding: const EdgeInsets.symmetric(vertical: 10),alignment: Alignment.centerLeft,color: const Color(0xFFF2F2F2),child: Text(_sections[index]),);},sectionOfChildrenBuilder: (BuildContext context, int index) {return List<Widget>.generate(_childrenList[index].length, (childIndex) {return Container(padding: const EdgeInsets.symmetric(vertical: 10),alignment: Alignment.centerLeft,child: Text(_childrenList[index][childIndex]),);});},)));}
}
二.组件基本布局
class AnchorCategoryList extends StatefulWidget {final double categoryWidth;final int itemCount;final IndexedWidgetBuilder categoryItemBuilder;final IndexedWidgetBuilder sectionItemBuilder;final IndexedWidgetListBuilder sectionOfChildrenBuilder;final bool sticky;final AnchorCategoryController? controller;const AnchorCategoryList({super.key,required this.categoryItemBuilder,required this.sectionItemBuilder,required this.sectionOfChildrenBuilder,this.controller,double? categoryWidth,int? itemCount,bool? sticky}): categoryWidth = categoryWidth ?? 112,itemCount = itemCount ?? 0,sticky = sticky ?? true;@overrideState<StatefulWidget> createState() => _AnchorCategoryListState();}class _AnchorCategoryListState extends State<AnchorCategoryList> {@overrideWidget build(BuildContext context) {return Row(mainAxisSize: MainAxisSize.max,mainAxisAlignment: MainAxisAlignment.start,crossAxisAlignment: CrossAxisAlignment.stretch,children: [SizedBox(width: widget.categoryWidth,child: LayoutBuilder(builder: (context, viewportConstraints) {return SingleChildScrollView(child: ConstrainedBox(constraints: BoxConstraints(minHeight: viewportConstraints.maxHeight != double.infinity ? viewportConstraints.maxHeight:0),child: Column(mainAxisSize: MainAxisSize.max,mainAxisAlignment: MainAxisAlignment.start,crossAxisAlignment: CrossAxisAlignment.stretch,children: List.generate(widget.itemCount, (index) {return widget.categoryItemBuilder.call(context, index);}),),),);},)),Expanded(child: CustomScrollView(physics: const ClampingScrollPhysics(),slivers: [...(List<Widget>.generate(widget.itemCount * 2, (allIndex) {int index = allIndex ~/ 2;if(allIndex.isEven) {//sectionreturn SliverToBoxAdapter(child: widget.sectionItemBuilder.call(context, index),);} else {//childrenreturn SliverToBoxAdapter(child: Column(children: widget.sectionOfChildrenBuilder.call(context, index),),);}})),]))],);}}
三.获取并保存标题项、标题项对应子列表的高度

这里获取标题项、标题项对应子列表的高度，需要等到控件build完成后，才能获取到，因此需要自定义一个控件继承SingleChildRenderObjectWidget，并指定一个自定义的RenderBox，在performLayout中通过回调通知外部，控件layout完成了

typedef AfterLayoutCallback = Function(RenderBox ral);class AfterLayout extends SingleChildRenderObjectWidget {final AfterLayoutCallback callback;const AfterLayout({Key? key,required this.callback,Widget? child,}) : super(key: key, child: child);@overrideRenderObject createRenderObject(BuildContext context) {return RenderAfterLayout(callback);}@overridevoid updateRenderObject(context, RenderAfterLayout renderObject) {renderObject.callback = callback;}
}class RenderAfterLayout extends RenderProxyBox {AfterLayoutCallback callback;RenderAfterLayout(this.callback);@overridevoid performLayout() {super.performLayout();SchedulerBinding.instance.addPostFrameCallback((timeStamp) => callback(this));}}

使用AfterLayout获取并保存标题项、标题项对应子列表的高度

@override
Widget build(BuildContext context) {return Row(mainAxisSize: MainAxisSize.max,mainAxisAlignment: MainAxisAlignment.start,crossAxisAlignment: CrossAxisAlignment.stretch,children: [SizedBox(width: widget.categoryWidth,child: LayoutBuilder(builder: (context, viewportConstraints) {return SingleChildScrollView(child: ConstrainedBox(constraints: BoxConstraints(minHeight: viewportConstraints.maxHeight != double.infinity ? viewportConstraints.maxHeight:0),child: Column(mainAxisSize: MainAxisSize.max,mainAxisAlignment: MainAxisAlignment.start,crossAxisAlignment: CrossAxisAlignment.stretch,children: List.generate(widget.itemCount, (index) {return widget.categoryItemBuilder.call(context, index);}),),),);},)),Expanded(child: CustomScrollView(physics: const ClampingScrollPhysics(),slivers: [...(List<Widget>.generate(widget.itemCount * 2, (allIndex) {int index = allIndex ~/ 2;if(allIndex.isEven) {//sectionreturn SliverToBoxAdapter(child: AfterLayout(callback: (renderBox) {double height = renderBox.size.height;setState(() {if(_sectionHeightList.length > index) {_sectionHeightList[index] = height;} else {_sectionHeightList.add(height);}});},child: widget.sectionItemBuilder.call(context, index),),);} else {//childrenreturn SliverToBoxAdapter(child: AfterLayout(callback: (renderBox) {double height = renderBox.size.height;setState(() {if(_childrenHeightList.length > index) {_childrenHeightList[index] = height;} else {_childrenHeightList.add(height);}});},child: Column(children: widget.sectionOfChildrenBuilder.call(context, index),),),);}})),]))],);
}

计算并保存右侧面板每一项选中时的初始滑动偏移量

在这里插入图片描述

@override
Widget build(BuildContext context) {return Row(mainAxisSize: MainAxisSize.max,mainAxisAlignment: MainAxisAlignment.start,crossAxisAlignment: CrossAxisAlignment.stretch,children: [SizedBox(width: widget.categoryWidth,child: LayoutBuilder(builder: (context, viewportConstraints) {return SingleChildScrollView(child: ConstrainedBox(constraints: BoxConstraints(minHeight: viewportConstraints.maxHeight != double.infinity ? viewportConstraints.maxHeight:0),child: Column(mainAxisSize: MainAxisSize.max,mainAxisAlignment: MainAxisAlignment.start,crossAxisAlignment: CrossAxisAlignment.stretch,children: List.generate(widget.itemCount, (index) {return widget.categoryItemBuilder.call(context, index);}),),),);},)),Expanded(child: AfterLayout(callback: (renderBox) {setState(() {for(int i = 0; i < widget.itemCount; i ++) {double scrollOffset = 0;for(int j=0; j<i; j++) {scrollOffset += _sectionHeightList[j] + _childrenHeightList[j];}if(_scrollOffsetList.length > i) {_scrollOffsetList[i] = scrollOffset;} else {_scrollOffsetList.add(scrollOffset);}}debugPrint("CustomScrollView AfterLayout: $_scrollOffsetList");});},child: CustomScrollView(physics: const ClampingScrollPhysics(),slivers: [...(List<Widget>.generate(widget.itemCount * 2, (allIndex) {int index = allIndex ~/ 2;if(allIndex.isEven) {//sectionreturn SliverToBoxAdapter(child: AfterLayout(callback: (renderBox) {double height = renderBox.size.height;setState(() {if(_sectionHeightList.length > index) {_sectionHeightList[index] = height;} else {_sectionHeightList.add(height);}});},child: widget.sectionItemBuilder.call(context, index),),);} else {//childrenreturn SliverToBoxAdapter(child: AfterLayout(callback: (renderBox) {double height = renderBox.size.height;setState(() {if(_childrenHeightList.length > index) {_childrenHeightList[index] = height;} else {_childrenHeightList.add(height);}});},child: Column(children: widget.sectionOfChildrenBuilder.call(context, index),),),);}})),]),))],);
}
四.点击选中分类项时，右侧自动滑动至相应位置

首先，这里需要把右侧列表最后一项的高度设置为ViewPort的高度，保证最后能够滑动到最后一项。只需要在右侧列表添加一个空白区域即可。

@override
Widget build(BuildContext context) {return Row(mainAxisSize: MainAxisSize.max,mainAxisAlignment: MainAxisAlignment.start,crossAxisAlignment: CrossAxisAlignment.stretch,children: [...,Expanded(child: AfterLayout(callback: (renderBox) {setState(() {...if(widget.itemCount > 0) {_extraHeight = max(renderBox.size.height - _childrenHeightList[widget.itemCount - 1], 0);} else {_extraHeight = 0;}});},child: CustomScrollView(physics: const ClampingScrollPhysics(),slivers: [...,SliverToBoxAdapter(child: SizedBox(height: _extraHeight,),)]),))],);
}

根据前面确定好初始的滑动偏移量之后，就能很方便的控制右侧列表的滑动了，我们通过给右侧列表指定ScrollController，同时调用ScrollController的animateTo(double offset, {required Duration duration, required Curve curve})方法即可。

class _AnchorCategoryListState extends State<AnchorCategoryList> {...final ScrollController _scrollController = ScrollController();int _selectedIndex = 0;bool _scrollLocked = false;@overridevoid initState() {super.initState();if(widget.controller != null) {widget.controller!.addListener(_onIndexChange);}}void _onIndexChange() {if(_selectedIndex == widget.controller!.selectedIndex) {return;}_scrollLocked = true;_selectedIndex = widget.controller!.selectedIndex;widget.controller!.selectTo(_selectedIndex);_scrollController.animateTo(_scrollOffsetList[widget.controller!.selectedIndex],duration: const Duration(milliseconds: 300),curve: Curves.linear).then((value) {_scrollLocked = false;});}@overridevoid dispose() {_scrollController.dispose();if(widget.controller != null) {widget.controller!.removeListener(_onIndexChange);}super.dispose();}@overrideWidget build(BuildContext context) {return Row(mainAxisSize: MainAxisSize.max,mainAxisAlignment: MainAxisAlignment.start,crossAxisAlignment: CrossAxisAlignment.stretch,children: [...,Expanded(child: AfterLayout(callback: (renderBox) {setState(() {for(int i = 0; i < widget.itemCount; i ++) {double scrollOffset = 0;for(int j=0; j<i; j++) {scrollOffset += _sectionHeightList[j] + _childrenHeightList[j];}if(_scrollOffsetList.length > i) {_scrollOffsetList[i] = scrollOffset;} else {_scrollOffsetList.add(scrollOffset);}}if(widget.itemCount > 0) {_extraHeight = max(renderBox.size.height - _childrenHeightList[widget.itemCount - 1], 0);} else {_extraHeight = 0;}});},child: CustomScrollView(physics: const ClampingScrollPhysics(),controller: _scrollController,slivers: [...]),))],);}}

在这里插入图片描述

五.右侧列表滚动时，动态改变左侧边栏的选中状态

监听右侧列表的滑动，获取滑动位置，与所有子项的初始滑动偏移量对比，可以计算出左侧边栏的哪一个子项应该被选中，然后通过AnchorCategoryController的selectTo(int value)方法更新选中状态即可。

class _AnchorCategoryListState extends State<AnchorCategoryList> {...@overridevoid initState() {super.initState();if(widget.controller != null) {widget.controller!.addListener(_onIndexChange);}_scrollController.addListener(_onScrollChange);}...void _onScrollChange() {if(_scrollLocked) {return;}double scrollOffset = _scrollController.offset;int selectedIndex = 0;for(int index = _scrollOffsetList.length - 1; index >= 0; index --) {selectedIndex = index;if(scrollOffset.roundToDouble() >= _scrollOffsetList[index]) {break;}}if(_selectedIndex != selectedIndex) {_selectedIndex = selectedIndex;widget.controller!.selectTo(selectedIndex);}}@overridevoid dispose() {_scrollController.removeListener(_onScrollChange);_scrollController.dispose();if(widget.controller != null) {widget.controller!.removeListener(_onIndexChange);}super.dispose();}...}
六.控制标题项吸顶

将标题项的SliverToBoxAdapter替换成StickySliverToBoxAdapter即可，关于StickySliverToBoxAdapter可以查看这篇文章02_Flutter自定义Sliver组件实现分组列表吸顶效果。

class _AnchorCategoryListState extends State<AnchorCategoryList> {...@overrideWidget build(BuildContext context) {return Row(mainAxisSize: MainAxisSize.max,mainAxisAlignment: MainAxisAlignment.start,crossAxisAlignment: CrossAxisAlignment.stretch,children: [...,Expanded(child: AfterLayout(callback: (renderBox) {...},child: CustomScrollView(physics: const ClampingScrollPhysics(),controller: _scrollController,slivers: [...(List<Widget>.generate(widget.itemCount * 2, (allIndex) {int index = allIndex ~/ 2;if(allIndex.isEven) {//sectionWidget sectionItem = AfterLayout(callback: (renderBox) {double height = renderBox.size.height;setState(() {if(_sectionHeightList.length > index) {_sectionHeightList[index] = height;} else {_sectionHeightList.add(height);}});},child: widget.sectionItemBuilder.call(context, index),);if(widget.sticky) {return StickySliverToBoxAdapter(child: sectionItem,);} else {return SliverToBoxAdapter(child: sectionItem,);}} else {//children...}})),...]),))],);}}

在这里插入图片描述

搞定，模拟器录屏掉帧了，改用真机录屏😄。

七.完整代码
typedef IndexedWidgetListBuilder = List<Widget> Function(BuildContext context, int index);class AnchorCategoryController extends ChangeNotifier {int selectedIndex = 0;void selectTo(int value) {selectedIndex = value;notifyListeners();}@overridevoid dispose() {selectedIndex = 0;super.dispose();}
}class AnchorCategoryList extends StatefulWidget {final double categoryWidth;final int itemCount;final IndexedWidgetBuilder categoryItemBuilder;final IndexedWidgetBuilder sectionItemBuilder;final IndexedWidgetListBuilder sectionOfChildrenBuilder;final bool sticky;final AnchorCategoryController? controller;const AnchorCategoryList({super.key,required this.categoryItemBuilder,required this.sectionItemBuilder,required this.sectionOfChildrenBuilder,this.controller,double? categoryWidth,int? itemCount,bool? sticky}): categoryWidth = categoryWidth ?? 112,itemCount = itemCount ?? 0,sticky = sticky ?? true;@overrideState<StatefulWidget> createState() => _AnchorCategoryListState();}class _AnchorCategoryListState extends State<AnchorCategoryList> {final List<double> _sectionHeightList = [];final List<double> _childrenHeightList = [];final List<double> _scrollOffsetList = [];double _extraHeight = 0;final ScrollController _scrollController = ScrollController();int _selectedIndex = 0;bool _scrollLocked = false;@overridevoid initState() {super.initState();if(widget.controller != null) {widget.controller!.addListener(_onIndexChange);}_scrollController.addListener(_onScrollChange);}void _onIndexChange() {if(_selectedIndex == widget.controller!.selectedIndex) {return;}_scrollLocked = true;_selectedIndex = widget.controller!.selectedIndex;widget.controller!.selectTo(_selectedIndex);_scrollController.animateTo(_scrollOffsetList[widget.controller!.selectedIndex],duration: const Duration(milliseconds: 300),curve: Curves.linear).then((value) {_scrollLocked = false;});}void _onScrollChange() {if(_scrollLocked) {return;}double scrollOffset = _scrollController.offset;int selectedIndex = 0;for(int index = _scrollOffsetList.length - 1; index >= 0; index --) {selectedIndex = index;if(scrollOffset.roundToDouble() >= _scrollOffsetList[index]) {break;}}if(_selectedIndex != selectedIndex) {_selectedIndex = selectedIndex;widget.controller!.selectTo(selectedIndex);}}@overridevoid dispose() {_scrollController.removeListener(_onScrollChange);_scrollController.dispose();if(widget.controller != null) {widget.controller!.removeListener(_onIndexChange);}super.dispose();}@overrideWidget build(BuildContext context) {return Row(mainAxisSize: MainAxisSize.max,mainAxisAlignment: MainAxisAlignment.start,crossAxisAlignment: CrossAxisAlignment.stretch,children: [SizedBox(width: widget.categoryWidth,child: LayoutBuilder(builder: (context, viewportConstraints) {return SingleChildScrollView(child: ConstrainedBox(constraints: BoxConstraints(minHeight: viewportConstraints.maxHeight != double.infinity ? viewportConstraints.maxHeight:0),child: Column(mainAxisSize: MainAxisSize.max,mainAxisAlignment: MainAxisAlignment.start,crossAxisAlignment: CrossAxisAlignment.stretch,children: List.generate(widget.itemCount, (index) {return widget.categoryItemBuilder.call(context, index);}),),),);},)),Expanded(child: AfterLayout(callback: (renderBox) {setState(() {for(int i = 0; i < widget.itemCount; i ++) {double scrollOffset = 0;for(int j=0; j<i; j++) {scrollOffset += _sectionHeightList[j] + _childrenHeightList[j];}if(_scrollOffsetList.length > i) {_scrollOffsetList[i] = scrollOffset;} else {_scrollOffsetList.add(scrollOffset);}}if(widget.itemCount > 0) {_extraHeight = max(renderBox.size.height - _childrenHeightList[widget.itemCount - 1], 0);} else {_extraHeight = 0;}});},child: CustomScrollView(physics: const ClampingScrollPhysics(),controller: _scrollController,slivers: [...(List<Widget>.generate(widget.itemCount * 2, (allIndex) {int index = allIndex ~/ 2;if(allIndex.isEven) {//sectionWidget sectionItem = AfterLayout(callback: (renderBox) {double height = renderBox.size.height;setState(() {if(_sectionHeightList.length > index) {_sectionHeightList[index] = height;} else {_sectionHeightList.add(height);}});},child: widget.sectionItemBuilder.call(context, index),);if(widget.sticky) {return StickySliverToBoxAdapter(child: sectionItem,);} else {return SliverToBoxAdapter(child: sectionItem,);}} else {//childrenreturn SliverToBoxAdapter(child: AfterLayout(callback: (renderBox) {double height = renderBox.size.height;setState(() {if(_childrenHeightList.length > index) {_childrenHeightList[index] = height;} else {_childrenHeightList.add(height);}});},child: Column(children: widget.sectionOfChildrenBuilder.call(context, index),),),);}})),SliverToBoxAdapter(child: SizedBox(height: _extraHeight,),)]),))],);}}

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.hqwc.cn/news/660155.html

如若内容造成侵权/违法违规/事实不符，请联系编程知识网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

Java——StringBuilder和StringBuffer

Java——StringBuilder和StringBuffer

目录 一.StringBuilder的介绍 二.面试题 1.String、StringBuffer、StringBuilder的区别 2.以下总共创建了多少个String对象【前提不考虑常量池之前是否存在】 一.StringBuilder的介绍 由于String的不可更改特性&#xff0c;为了方便字符串的修改&#xff0c;Java中又提供St…
阅读更多...
企业智能名片小程序：AI智能跟进功能助力精准营销新篇章

企业智能名片小程序：AI智能跟进功能助力精准营销新篇章

在数字化浪潮的推动下&#xff0c;企业营销手段不断迭代升级。如今&#xff0c;一款集手机号授权自动获取、智能提醒、访客AI智能跟进及客户画像与行为记录于一体的企业智能名片小程序&#xff0c;正以其强大的AI智能跟进功能&#xff0c;助力企业开启精准营销的新篇章。 通过深…
阅读更多...
奥比中光Astra RGBD ROS1配置（乐视RGBD）

奥比中光Astra RGBD ROS1配置（乐视RGBD）

早年买了一款乐视RGBD一直落灰&#xff0c;最近做一个机器人项目想重新使用起来。发现官方给的RGBD包和github上面的ros_astra_camera包并不能很好的驱动这款相机。研究了一下进行补足。 最终的结果是彩色&#xff0c;红外以及深度退昂均能实时读取。具体过程如下&#xff1a; …
阅读更多...
【docker】安装openjdk

【docker】安装openjdk

查看可用的 openjdk版本 docker hub 查看地址&#xff1a;https://hub.docker.com/_/openjdk 此图片已被正式弃用&#xff0c;建议所有用户尽快找到并使用合适的替代品。其他官方形象替代品的一些例子&#xff08;按字母顺序列出&#xff0c;没有有意或暗示的偏好&#xff09;…
阅读更多...
深度学习之视觉特征提取器——LeNet

深度学习之视觉特征提取器——LeNet

LeNet 引入 LeNet是是由深度学习巨头Yann LeCun在1998年提出&#xff0c;可以算作多层卷积网络在图像识别领域的首次成功应用。我们现在通常说的LeNet是指LeNet-5&#xff0c;最早的LeNet-1在1988年即开始研究&#xff0c;前后持续十年之久。但是&#xff0c;受限于当时计算机…
阅读更多...
将聊天记录与 LangChain 集成：为提升对话机器人体验提供了一种变革性的解决方案

将聊天记录与 LangChain 集成：为提升对话机器人体验提供了一种变革性的解决方案

节前&#xff0c;我们星球组织了一场算法岗技术&面试讨论会&#xff0c;邀请了一些互联网大厂朋友、参加社招和校招面试的同学&#xff0c;针对算法岗技术趋势、大模型落地项目经验分享、新手如何入门算法岗、该如何准备、面试常考点分享等热门话题进行了深入的讨论。 汇总…
阅读更多...
PLC通过Modbus转Profinet网关连接变频器与电机通讯

PLC通过Modbus转Profinet网关连接变频器与电机通讯

Modbus转Profinet网关&#xff08;XD-MDPN100&#xff09;是一种能够实现Modbus协议和Profinet协议之间转换的设备。Modbus转Profinet网关可提供单个或多个RS485接口&#xff0c;PLC作为控制中枢&#xff0c;变频器作为控制电机转速&#xff0c;通过Modbus转Profinet网关&#…
阅读更多...
Leetcode—1041. 困于环中的机器人【中等】

Leetcode—1041. 困于环中的机器人【中等】

2024每日刷题&#xff08;121&#xff09; Leetcode—1041. 困于环中的机器人 实现代码 class Solution { public:bool isRobotBounded(string instructions) {int x 0;int y 0;int d 0;vector<vector<int>> direction{{0, 1}, {1, 0}, {0, -1}, {-1, 0}};for…
阅读更多...
nginx--

nginx--

命令 选项说明 帮助: -? -h 使用指定的配置文件: -c 指定配置指令:-g 指定运行目录:-p 测试配置文件是否有语法错误:-t -T 打印nginx的版本信息、编译信息等:-v -V 发送信号: -s 示例: nginx -s reload 信号说明 立刻停止服务:stop,相当于信号SIGTERM,SIGINT 优雅的停止服务:…
阅读更多...
图像预处理工具_CogImageFileTool

图像预处理工具_CogImageFileTool

CogImageFileTool工具可以用来将单张图片或idb格式的图片数据库读入内存。也可使用CoglmageFileTool工具将图片插入到.idb数据库里。 添加工具 参数介绍 文件名 写入模式 读取模式 删除
阅读更多...
Linux基础——Linux开发工具(上)_vim

Linux基础——Linux开发工具(上)_vim

前言&#xff1a;在了解完Linux基本指令和Linux权限后&#xff0c;我们有了足够了能力来学习后面的内容&#xff0c;但是在真正进入Linux之前&#xff0c;我们还得要学会使用Linux中的几个开发工具。而我们主要介绍的是以下几个&#xff1a; yum, vim, gcc / g, gdb, make / ma…
阅读更多...
从曝光到安装：App传参安装的关键步骤与数据指标

从曝光到安装：App传参安装的关键步骤与数据指标

随着移动互联网的普及&#xff0c;手游市场日益繁荣&#xff0c;手游推广方式也日新月异。在这个竞争激烈的市场中&#xff0c;如何有效地推广手游&#xff0c;吸引更多的用户&#xff0c;成为了开发者和广告主关注的焦点。而Xinstall作为国内专业的App全渠道统计服务商&#x…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023