当前位置: 首页 > news >正文

广州网站优化推广公司WordPress小工具是什么

广州网站优化推广公司,WordPress小工具是什么,网站管理系统怎么用,网站备案多少天世人都说雪景美 寒风冻脚无人疼 只道是一身正气 结论 参考Flutter集成高德地图并添加自定义Maker先实现自定义Marker。如果自定义Marker中用到了图片#xff0c;那么会碰到图片没有被绘制到Marker的问题#xff0c;此时需要通过precacheImage来预加载图片#xff0c;从而解… 世人都说雪景美 寒风冻脚无人疼 只道是一身正气 结论 参考Flutter集成高德地图并添加自定义Maker先实现自定义Marker。如果自定义Marker中用到了图片那么会碰到图片没有被绘制到Marker的问题此时需要通过precacheImage来预加载图片从而解决此问题。 一、 背景 在高德地图上需要展示每一辆单车的电量。而amap_flutter_map确没有提供自定义Marker的方法只有一个static BitmapDescriptor *fromBytes*(Uint8List byteData). 所以需要将定制的Widget转为图片然后图片转为字节流来实现自定义Marker。 二、 自定义Marker 1. 定义widget 创建业务需求的widget如下 static FutureWidget _createMarkerView(BuildContext context, String name,String imageName,{bool selected false, MarkerTitleType markerTitleType MarkerTitleType.small}) async {var height markerTitleType.height;if (selected) {height * 2;}var width markerTitleType.width;return Container(height: height,constraints: BoxConstraints(minWidth: width),alignment: Alignment.center,decoration: BoxDecoration(image: DecorationImage(image: AssetImage(imageName)),),child: Directionality(textDirection: TextDirection.ltr,child: Text(name,style: TextStyle(fontSize: selected ? 22 : 14, color: Colors.white),maxLines: 1,overflow: TextOverflow.ellipsis,textAlign: TextAlign.center,),),);}很简单的一个背景图片和一个标题。其中这个图片因为是从Images资源中加载会偶现加载失败的问题。 2. widget转ByteData 不展示widget到窗口直接将widget保存为图片。代码如下 static FutureByteData? widgetToByteData(Widget widget, String imageName,{Alignment alignment Alignment.center,Size size const Size(double.maxFinite, double.maxFinite),double devicePixelRatio 1.0,double pixelRatio 1.0,required BuildContext context}) async {RenderRepaintBoundary repaintBoundary RenderRepaintBoundary();RenderView renderView RenderView(child: RenderPositionedBox(alignment: alignment, child: repaintBoundary),configuration: ViewConfiguration(size: size,devicePixelRatio: devicePixelRatio,),view: View.of(context),);PipelineOwner pipelineOwner PipelineOwner();pipelineOwner.rootNode renderView;renderView.prepareInitialFrame();BuildOwner buildOwner BuildOwner(focusManager: FocusManager());RenderObjectToWidgetElement rootElement RenderObjectToWidgetAdapter(container: repaintBoundary,child: widget,).attachToRenderTree(buildOwner);await precacheImage(AssetImage(imageName), rootElement);buildOwner.buildScope(rootElement);buildOwner.finalizeTree();pipelineOwner.flushLayout();pipelineOwner.flushCompositingBits();pipelineOwner.flushPaint();ui.Image image await repaintBoundary.toImage(pixelRatio: pixelRatio);ByteData? byteData await image.toByteData(format: ui.ImageByteFormat.png);return byteData;}其中的 await precacheImage(AssetImage(imageName), rootElement); 是解决图片偶现加载失败的关键。 3. 返回BitmapDescriptor 创建Marker的时候需要一个BitmapDescriptor,代码如下 var data await MapConverting.widgetToByteData(view, imageName,context: context,devicePixelRatio: AMapUtil.devicePixelRatio,pixelRatio: AMapUtil.devicePixelRatio,size: Size(selected ? width * 1.5 : width, selected ? height * 1.2 : height));var uInt8List data?.buffer.asUint8List();if (null ! uInt8List) {bitmapDescriptor BitmapDescriptor.fromBytes(uInt8List);_createdBitmapDescriptor[key] bitmapDescriptor;} else {bitmapDescriptor await BitmapDescriptor.fromAssetImage(imageConfiguration, MyImages.imagesIcParkingNormal);}return bitmapDescriptor;为了方便BitmapDescriptor的管理可以创建一个BitmapDescriptorFactory类添加一个static final MapString, BitmapDescriptor *_createdBitmapDescriptor* {};将创建过的自定义BitmapDescriptorFactory做一个全局缓存来解决重复创建的问题。 三、precacheImage使用注意 precacheImage函数中有一个参数是context理解为缓存图片仅仅是在此context中生效。 尝试过在首页业务主页地图页面对需要使用到的图片进行缓存都失效了只有在RenderObjectToWidgetElement创建自定义widget时将precacheImage缓存才能生效。 参考 Flutter集成高德地图并添加自定义Maker
http://www.sadfv.cn/news/142340/

相关文章:

  • aspcms网站新型实体企业100强
  • 烟台做网站系统深圳网站搭建找哪里
  • 贵州省城乡建设局网站查适合用于网站开发的工具
  • 深圳设计网站费用京网站建设
  • 成都开网站做一份网站的步zou
  • 南宁市兴宁区建设局网站法律咨询网站建设方案
  • 锦州网站seoit外包主要做什么
  • iis 发布网站 500js网站一键变灰
  • 深圳专业网站建设多少钱福建省建设厅网站劳保核定卡
  • 北京网站 百度快照东莞seo建站推广
  • 大连三大网络推广网站包头市
  • 湖南省住房与城乡建设厅网站微信小程序开发环境搭建
  • 做网站的问题做视频网站要多大的主机
  • 网站的建设流程图企业产品微网站收费吗
  • 沈阳市住房和城乡建设局网站首页网页制作个人简历的代码
  • 网站权重分析WordPress Grace8.2主题
  • 不备案怎么做网站软文网站大全
  • 织梦网站备份几种方法广东深圳招聘信息最新招聘2022
  • 网站设计招标评标标准及办法番禺响应式网站开发
  • 建站行业前景湖北省城乡建设厅网站
  • 邢台网站制作地方wordpress 爱奇艺插件下载
  • 温州人才网站开发wordpress模板文件在哪里
  • 做网站客户最关心的是什么设计公司企业愿景
  • 教学网站模板网页设计公司宣传事例
  • 房产网站开发网站建设公司用5g
  • 域名更换网站新洲城乡建设局网站
  • wordpress主动推送到Google长沙seo网站优化公司
  • 网站做常规优化网站与公众号的区别
  • 网站主题网可信赖的顺的网站建设
  • 网站域名备案注销网站建设前