String 在 Java 中是不可变的。 不可变类只是一个无法修改其实例的类。 创建实例时，将初始化实例中的所有信息，并且无法修改信息。 不可变类有许多优点。...如果字符串是可变的，则使用一个引用更改字符串将导致其他引用的错误。 2. 缓存的哈希码 字符串的哈希码经常在 Java 中使用。 例如，在 HashMap 或 HashSet 中。...在String类中，它具有如下代码： private int hash;//this is used to cache hash code. 3....字符串不是不可变的，连接或文件将被更改，这可能会导致严重的安全威胁。 该方法认为它连接到一台机器，但事实并非如此。 可变字符串也可能在 Reflection 中引起安全问题，因为参数是字符串。...不可变保证了线程安全 由于无法更改不可变对象，因此可以在多个线程之间自由共享它们。 这消除了进行同步的要求。
为什么 String 在 java 中是不可变的？String 在 java 中是不可变的，一个不可变类意味着它的实例在创建之后就不可修改，实例的所有属性在创建时初始化，之后无法对这些属性进行修改。...（译者：另一个引用并未对字符串做修改，当他再次取值时字符串的值却与上次取的不同！）。2 用作缓存时的 hashcode字符串的哈希值在 java 中是被频繁使用到的。...举个例子，在 HashMap 或 HashSet 中，String 的不可变性保证了字符串 hashcode 的一致性，所以在进行缓存时无需担心字符串变化，这意味着，不需要在字符串每次被使用到时都计算其...如果 String 是可变的，那么它的 value 可以被改变，但这违反了 Set 的设计原则（Set 中的元素是不能重复的），当然，上面的例子仅仅为了表明意图，String 类中并不存在 value...总结，String 被设计为 final 的原因是 效率 和 安全，通常情况下这也是为什么不可变对象在许多设计中会成为首选的原因。
背景 在前一篇文章《【初学者指南】在ASP.NET MVC 5中创建GridView》中，我们学习了如何在 ASP.NET MVC 中实现 GridView，类似于 ASP.NET web 表单的功能。...通过前文，我们已经了解到使用 jQuery 插件的数据表可以很容易地实现具有搜索、排序和分页等重要功能的表格。 ?...安装包管理器默认是打开的，它会在你的解决方案中显示成已安装的 nugget 包，点击浏览按钮，然后搜索 DataTables.mvc5，选择它并检查想要安装这个包的项目解决方案。...，以下的代码具有自注释： if (requestModel.Search.Value !...现在 build 这个工程并在浏览中运行，就可以查看带有服务器端过滤、分页和排序的 GridView 了。
直接上效果图 竖屏： 初始化自适应屏幕的放大缩小效果： 布局分析 中间的座位=>矩阵，通过Column嵌套Row实现，不能通过GridView实现（滑动冲突，下文会说明） 左侧导航条=>一个简单的...所以让左侧导航栏使用ListView,中间座位表使用InteractiveViewer嵌套GridView, 然后将ListView和GridView的ScrollController绑定在一起实现同步滚动...那我们只需要将座位表组件回调的的这三个方法中的参数，传入到导航条组件中去就行，然后删掉导航条组件的GestureDetector，让导航条组件只接受来自座位表组件的手势交互参数。...这就很困扰我们，后来阅读源码后发现，我们所要的较原始放大倍数的当前放大倍数参数在InteractiveViewer类中的。...上面代码中有一段算法被我注释掉了，这段代码的效果是： 当InteractiveViewer中的child已经完全显示的时候，则无法再缩小，即minScale不仅仅取决于我们设置的值，还取决于InteractiveViewer
家族: StatefulWidget 源码行数: 1207 依赖的核心组件: GestureDetector、Transform、ClipRect、OverflowBox 此组件已加入FlutterUnit...boundaryMargin是可移动的限定边距。...估计百分之九十的人都很难触发缩放效果,昨天在群里讨论后。Alex给出了手势触发情况: 先把一只手指放上去，边移动边放第二只。...关于constrained属性，源码中给了一个小demo。...localFocalPoint是相对于父容器区域左上角的偏移量。
直接上效果图 竖屏： 横屏： 初始化自适应屏幕的放大缩小效果： 布局分析 中间的座位=>矩阵，通过Column嵌套Row实现，不能通过GridView实现（滑动冲突，下文会说明） 左侧导航条=>一个简单的...所以让左侧导航栏使用ListView,中间座位表使用InteractiveViewer嵌套GridView, 然后将ListView和GridView的ScrollController绑定在一起实现同步滚动...那我们只需要将座位表组件回调的的这三个方法中的参数，传入到导航条组件中去就行，然后删掉导航条组件的GestureDetector，让导航条组件只接受来自座位表组件的手势交互参数。...这就很困扰我们，后来阅读源码后发现，我们所要的较原始放大倍数的当前放大倍数参数在InteractiveViewer类中的。...上面代码中有一段算法被我注释掉了，这段代码的效果是： 当InteractiveViewer中的child已经完全显示的时候，则无法再缩小，即minScale不仅仅取决于我们设置的值，还取决于InteractiveViewer
【Flutter Widgets大全】是老孟耗费大量精力整理的，总共有330多个组件的详细用法，开源到Github上，希望可以帮助到大家，开源不易，转发一下可不可以?。...为了方便对比学习，我将相近或相反功能的组件整理到一个文件中，比如所有的 Button 类组件、弹出类组件等。 如果想系统的学习入门知识，请到 Flutter 老孟 实战 查看。...在线查看 Form 在线查看 FormField 在线查看 FractionalTranslation 在线查看 FractionallySizedBox 在线查看 FutureBuilder 在线查看 GestureDetector...在线查看 GlowingOverscrollIndicator 在线查看 GridPaper 在线查看 GridTile 在线查看 GridTileBar 在线查看 GridView 在线查看 Hero...在线查看 Offstage 在线查看 Opacity 在线查看 OrientationBuilder 在线查看 OutlineButton 在线查看 OutlineInputBorder 在线查看 OverflowBox
OverflowBox 一个部件对它的子项施加了不同于其父项的约束，可能允许子项溢出父项。 SizedBox 具有指定大小的框。...SizedOverflowBox 一个具有特定大小的小部件，但将其原始约束传递给其子级，这可能会溢出。 Transform 绘制其子级之前应用转换的小部件。...CustomSingleChildLayout 将其单个孩子的布局延迟到代理的部件。 多子部件布局部件 Row 在水平方向上布局子部件的列表。 Column 在垂直方向上布局子部件的列表。...GridView 可滚动的2D小部件阵列。 Flow 实现流布局算法的小部件。 Table 为其子项使用表格布局算法的小部件 Wrap 一个小部件，它以多个水平或垂直运行显示其子项。...ListBody 一个小部件，它沿着一个给定的轴顺序排列它的子元素，强制它们到另一个轴的父元素的维度。 ListView 可滚动的线性小部件列表。 ListView是最常用的滚动小部件。
Container 的四个角在拖动过程中有白色背景，其原因是设置 Material 嵌套后，默认背景色为白色，于是和尚设置 Material 背景色为透明，设置 Container BoxDecoration...网格列表 网格列表就是最常用的 GridView；和尚设置两个 GridView 分别存储【我的栏目】和【推荐栏目】；其中标签 item 的点击事件和拖拽事件并不冲突； 和尚测试过程中删除或加入单个标签时会错位...编辑状态 和尚添加了【编辑/完成】两种业务逻辑，在【编辑】状态可以【删除】标签； 和尚预期的想法是只允许【我的栏目】中进行拖拽更新，不允许【推荐栏目】内和与【我的栏目】互相拖拽；...因为和尚是采用 Draggable + DragTarget 嵌套，所以在拖拽过程中会执行两次 onWillAccept 判断，此时不能确定是由哪个标签 item 起始的，导致列表刷新异常；于是和尚设置了一个临时数组...，分别存放起始和终止 onWillAccept 回调时是哪个 DataList，只有在【我的栏目】内才允许 onAccept 接收回调； _titleRightWid(isRec) { if (isRec
在本篇文章中，我们会进一步对Flutter中常用的Widget进行介绍，有印象的童鞋可能还记得，在前面的文章中我们分享了Row和Colunm的用法，我们也使用这两个Widget完成了一些类似列表的操作，...好的吧，我们还是来看下这两个Widget的用法吧 ListView ---- ListView就是我们常见的列表组件，在平时的应用开发中十分的常见，无论你做的是什么类型的应用都会多多少少会用到ListView...在Flutter中有三种构建ListView的方式，刚才介绍的是最简单的一种，但是却不是最常用的，因为它仅仅适用于已知数量或者较少数量的Item的情况。...在itemBuilder中返回指定的的Listitem到ListItemWidget对象中，返回指定的ListItemWidget对象。...下面来看下GridView GridView ---- GirView的用法和ListView类似，只不过由于GridView可以在一列或者一行显示多个Item，所以在构造方法中就多了个参 GridView
而这就是 OverflowBox 的价值所在。源码中的介绍是: 让组件的约束有别于父节点的约束，可以允许组件溢出父部件。...下面是 OverflowBox 组件类的定义和 构造方法，可以看出它继承自 SingleChildRenderObjectWidget 。可以设置宽高区域及对其方式。 2....如下代码中，父亲 SizedBox 尺寸为 100*100 ，按照约束正常的传递，孩子 SizedBox 虽然想要 200*50 区域，但却不能突破父亲约束的显示。...如下，第二个 SizedBox 在 100*100 的强约束下，尺寸被定为 100*100。...实现的原理也很简单，下面红框中的 constraints 是 RenderConstrainedOverflowBox 自身的约束，可以看到在 _getInnerConstraints 中会生成新的约束
和尚继续补充日常学习中遇到的很实用的技术点； LayoutBuilder 和尚在一些场景下需要根据父类布局大小不同展示不同的子类 Widget，例如和尚在适配大尺寸平板或横竖屏切换等场景时...默认展示一行的图标，预期是在大部分设备上展示 4个 item，随着屏幕的变大尽可能多的展示 item，当屏幕允许展示所有 item 时为上限；于是和尚设定了单个 item 宽基础为 90，根据 size.maxWidth...index]; } else { dataItem = _dataList[_dataList.length - 1]; } return GestureDetector...ReorderableListView 和尚刚尝试了 Draggable + DragTarget 实现的基本的拖拽 GridView，今天尝试一下系统提供的 ReorderableListView...item 拖拽到新的位置时 ReorderCallback 回调，其中回调中返回新旧两个数组下标用于标记； @override Widget build(BuildContext context) {
和尚发现在长期未登陆小米应用市场时，再次登陆会有可滑动的半屏底部菜单，供用户方便下载和推广；而在 Flutter 中这个半屏底部菜单并不是一个简单的 BottomSheet 完成的，可以通过 DraggableScrollableSheet...构造器作为必选字段，用于在 DraggableScrollableSheet 中显示可滑动的子内容；其中返回内容需为可滑动的 ScrollableWidget，例如 ListView / GridView...12.0)), Padding( padding: EdgeInsets.symmetric(horizontal: 12.0), child: GridView.builder...childAspectRatio: 0.7), itemCount: 12, itemBuilder: (context, index) => GestureDetector...小扩展 之前在分析 DraggableScrollableSheet 时其源码采用了 FractionallySizedBox 比例容器，和尚简单了解一下，其源码非常简单，通过设置 heightFactor
6.1.1 Scrollable组件 在Flutter中，一个可滚动的组件直接或间接包含一个Scrollable组件，它是可滚动组件的基础组件。...目前，可滚动组件中的大部分组件都支持基于Sliver的延迟构建模型，如ListView、GridView。...在实际使用过程中，Flutter提供了SliverList、SliverGrid等可滚动组件的Sliver版本。...，作用类似于原生Android中的GridView/RecyclerView或者iOS的UICollectionView。...的构造函数一共有5个： 1）GridView()：默认构造函数，适用于元素个数有限的场景，会一次性全部渲染children属性中的子元素组件； 2）GridView.builder()：适用于构建大量或无限长的列表
TouchEvent 下面是触摸事件的常用方法： getAction : 获取当前的动作 getX : 获取当前在控件内部的相对坐标X getY : 获取当前在控件内部的相对坐标Y getRawX...: 获取当前在屏幕上的相对坐标X getRawY : 获取当前在屏幕上的相对坐标Y getEventTime : 获取当前的事件时间 手势检测GestureDetector 由于在onTouchEvent...: OnGestureListener 设置监听器的方法，先给指定控件注册触摸监听器，然后在触摸方法onTouch中由GestureDetector接管触摸事件 : private ScrollTextView...onTouchEvent方法，在该方法中由GestureDetector接管触摸事件。...2、在底层控件中，如果当前手势还未处理完成，那么必须阻止上级视图的手势拦截。
简单列举总结一下常用的布局widget。 Flutter有丰富的layout组件库。其中有一些是常用库。 下面的widget分为两类：标准组件和来自Material Components的特殊组件。...GridView 将多个widget放在一个可滑动的表格中。 ListView 将多个widget放在一个可滑动的列表中。 Stack 在一个widget上面盖上另一个widget。...GridView 用GridView来将widget放入一个2维的列表中。 GridView提供了2个预装配好的列表，也可以自己建立自定义列表。 GridView支持滚动。...GridView 小结: 将多个widget放进一个表格中 当超出渲染范围时，自动提供滚动功能 可自定义格子，也可用下面提供的2种 GridView.count 指定列的数目 GridView.extent...默认情况下，Card把自己的尺寸缩小为0像素。可以用SizedBox来指定card的尺寸。 Flutter中的Card有圆角和阴影效果。修改elevation可改变阴影效果。
需要注意的是：在平移过程中，top 和 left 表示的是原始左上角的位置信息，是不变的，发生改变的是 x、y、translationX、translationY。 下面我们来测试看看： 是用来记录手指滑动过程中的速度的，包括水平方向和数值方向。...在构造函数中创建 通过 gestureDetector = new GestureDetector(context, this) 创建 GestureDetector， 然后实现 GestureDetector.OnGestureListener...和 GestureDetector.OnDoubleTapListener 接口， 然后在 onTouchEvent 中 返回 gestureDetector.onTouchEvent(event)...onSingleTapConfirmed 严格的单击行为，onSingleTapUp之后只能是onSingleTapConfirmed 或 onDoubleTap 中 的一个 OnDoubleTapListener
（GestureDetector）分析详解 Flutter进阶篇（4）-- Flutter的Future异步详解 Flutter进阶篇（5）-- 使用Flutter创建插件详解并发布到Pub库 Flutter...而且绝大多数Logo都是很一致的，外面要么方正，要么是带圆弧的矩形，中间是两个英文字母，第一个字母大写，第二个字母小写。...总之，一看就可以让人记住，真是具有的魔性Logo，不得不佩服Adobe公司设计Logo的团队的创意人才，今天我要给大家带来的是使用Flutter实现Adobe公司的Logo并让它们同屏展出，全部用代码实现...---- 封装列表内容 首先我们看，哪些是变化的，哪些是不变的，方便我们传参。 padding属性是一致的，不用管它。...自定义圆角弧度 我们发现有的有圆角，有的是没有圆角弧度的，所以这时候要对每一个Item进行个性化设置，圆角是在Container里面设置的，我么要对它进行操作，传入一个bool类型的值(也就是showRectRadis
Flutter在屏幕刷新时会通知绑定的SchedulerBinding，而Ticker是受SchedulerBinding驱动的，锁屏后屏幕停止刷新，Ticker也就不会再被触发。...在Flutter应用开发中，可以通过CurvedAnimation来指定动画的曲线： CurvedAnimation curve = CurvedAnimation ( parent: controller...在Flutter中，实现Hero动画效果至少需要两个路由，即源路由和目标路由，然后使用Hero组件包裹在需要动画控制的组件外面，同时为它们设置相同的tag属性。...在Flutter中，渐变、平移、缩放和旋转动画都属于基础动画，如果要实现一些复杂的动画效果，可以把这些基础动画组合起来形成一个动画序列或重叠动画，Flutter将这些动画序列或重叠动画称为交错动画。...在Flutter开发中，使用交错动画需要满足以下几点： 1）创建交错动画时需要创建多个动画对象； 2）一个AnimationController动画控制器控制所有的动画对象； 3）给每一个动画对象指定时间间隔
padding: EdgeInsets.all(15), child: rowLine); ---- 二、入门级布局2： [番外]：小封装1---添加测试背景色 实在要吐槽：想加个背景色想加一下麻烦死了...我是在受不了...分析1.png 这里暂停一下，为了说明flex布局的轴，对于Column而言，主轴是纵向 交错轴横向，默认交错轴是center,所以呈现了上面的效果，我们只需要轻轻地： crossAxisAlignment...，插入东西分割(常用的是分割线)，看下图： 我在index=1的条目下面插入了test2条目(左图)，变相的多条目...， 当然你可以随意控制怎么玩,比如每隔两个插入一个(右图)，注意：插入的条目不算总数里...)， 一个项目讲白了，就是围绕这三个转，说谁更重要的都是废话 没有数据的是空壳标本，没有交互的是植物人，没有界面的那时白日做梦......大小神奇般的是0,导致GestureDetector不起作用 没办法，只能曲线救国，GestureDetector包住全部，在减去偏移量 小球的绘制就不分析了，就是收集球，再画出来，如果第二天的文章会了
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
云直播
