当多个进程通过侦听相同的地址和端口来共享单个server的负载时,这是很有用的。但是该选项需要考虑安全影响。...注意,通过将此选项与ReuseAddressHint结合,您还将允许您的服务重新绑定现有的共享地址。...可以保证在成功时,您的server是唯一侦听地址和端口的服务。...QUdpSocket::DefaultForPlatform: 平台的默认选项。...->writeDatagram(datagram.data(),datagram.length(),QHostAddress::LocalHost,7756); // 发送给客户端2绑定的端口号(如果未绑定就会发送失败
Radio Radio 单选框是在一组选项中,互斥的选择单个选项; 源码分析 class Radio extends StatefulWidget { const Radio({ Key...focusColor & hoverColor focusColor / hoverColor 分别对应获取焦点时的颜色与点击高亮颜色;但和尚尝试了多次效果并不明显,因需求场景较少,暂不做处理; 未选中颜色...& 不可选颜色 Radio 并未提供未选中状态和不可选中状态按钮颜色;和尚分析源码,发现 未选中状态 与 ThemeData.unselectedWidgetColor 颜色对应,不可选中状态 与...ACERadio 为了更灵活的应用 Radio 单选框,和尚准备在此基础上扩展如下几个方面: 动态设置 未选中状态颜色; 动态设置 不可选中状态颜色; 动态设置 选中框按钮尺寸; 添加状态...case ACEMaterialTapTargetSize.zero: size = Size(radius, radius); break; } 和尚优先判断添加的未选中状态颜色和不可选中状态颜色
实现一个普通的Tab选项卡 代码示例: import 'package:flutter/material.dart'; class HomePage extends StatelessWidget {...实现常见App的选项卡效果 代码如下: // lib/pages/tabs/Gategory.dart import "package:flutter/material.dart"; // 分类页面...labelColor: Colors.black, // 未选中标签的颜色...自定义带控制器Tab选项卡 代码如下: // lib/pages/tabs/Setting.dart import "package:flutter/material.dart"; // 设置页面 class...Center(child:Text('推荐页面')), ], ), ); } } 效果图如下: 上面这个自定义的Tab选项卡看起来很简单
值的类型为bool; 4. indicatorColor 指示器的颜色。值的类型为Colors; 5. indicatorWeight 指示器权重,即显示高度。...实现一个普通的Tab选项卡 代码示例: import 'package:flutter/material.dart'; class HomePage extends StatelessWidget {...实现常见App的选项卡效果 代码如下: // lib/pages/tabs/Gategory.dart import "package:flutter/material.dart"; // 分类页面...labelColor: Colors.black, // 未选中标签的颜色...上面这个自定义的Tab选项卡看起来很简单,但是由于加入了控制器,在实际项目中可以运用控制器实现一些复杂的页面交互。
android:layout_height="match_parent" tools:context=".MainActivity"> widget.Toolbar...:layout_height="wrap_content" android:background="@color/colorPrimary">widget.Toolbar...Toolbar还有这些API ToolBar API collapseActionView() 折叠当前展开了行动视图。...setNavigationOnClickListener(View.OnClickListener listener) 设置一个侦听器来导航事件 setOverflowIcon(Drawable icon...setTitleTextAppearance(Context context, int resId) 设置文本颜色,大小,样式,颜色提示,并突出显示颜色从指定TextAppearance资源。
API Android 12 的推出带来了很多关于 AppWidget API 的更新,本文不会对所有的 API 一一介绍,而是重点介绍几个对 Widget 构建非常有用的 API。...动态颜色 正如我们之前在 Google I/O 大会上宣布的那样,从 Android 12 开始,Widget 可以为按钮、背景及其他组件使用设备主题颜色,包括浅色主题和深色主题。...我们添加了动态颜色 API,您可直接获取并使用 Pixel 设备系统上提供的主题背景、颜色等参数,从而让 Widget 同主屏幕的样式保持一致: // res/layout/widget_layout.xml...SizeMode.Single 是默认选项,该选项指定了我们在此处定义的 Widget 内容不会因为可用尺寸变化而改变,这意味着我们在 Widget 元数据上定义的最小支持尺寸只会通过 Content...选项。
和尚我一直在处理动态配置页面颜色方面的工作,包括各布局,各控件等,而和尚我却在最常用最基本的 CheckBox 选项框这个控件却栽了跟头,折腾了好久,今天有机会总结整理一下。...实在没办法,和尚我决定放弃 CheckBox 转投 v7 包中的 AppCompatCheckBox,通过设置 setSupportButtonTintList 方法来动态修改选项框颜色。 ?...Java/Kotlin 代码中不仅设置 setSupportButtonTintList 方法,且监听 CompoundButton.OnCheckedChangeListener 方法,再监听选中和未选中状态中对选项框颜色做处理...Tips2: 在设置 setSupportButtonTintList 方法时,初始状态为选中时,颜色列表第一个应为配置的颜色值;若为未选中时,颜色列表第一个应为默认系统灰色。...// 工具类 绘制不同状态的颜色 public class BitmapUtil { /** * 对TextView设置不同状态时其文字颜色 * @param normal
通过鼠标悬停到某种颜色上去获取颜色值。 当前颜色。 当前值的可视表示。 当前值。 当前颜色的十六进制、RGBA 或 HSL 表示。 调色板。 当前生成的几组颜色。 着色和阴影选择器。 色调选择器。...启用 Ancestors 复选框时查看祖先实体事件侦听器,即除了当前选定节点的事件侦听器外,还会显示其祖先实体的事件侦听器 启用 Framework listeners 复选框时查看框架侦听器,DevTools...事件监听器断点 当想要暂停事件侦听器代码时,使用事件侦听器断点 设置事件监听器断点: 点击 Sources 选项卡。 展开 “Event Listener Breakpoints” 窗格。...异常断点 当您想暂停引发捕获或未捕获异常的代码行时,使用异常断点 设置异常断点: 点击 Sources 选项卡。 点击暂停 ? ,启用后变成蓝色。...(可选)如果除了未捕获的异常外,还想暂停捕获的异常,请选中 “Pause on caught exceptions” 复选框。 ?
ConvexAppBar具有两个构造函数,ConvexAppBar()将使用默认样式来简化选项卡的创建。...以自定义新样式 在AppBar上添加徽章 支持优雅的过渡动画 提供Hook API来重载一些内部样式 RTL布局支持 属性: 下面是 「*Convex_Bottom_Bar*」 的一些属性: 「fixed...但在固定图标的所有边上都有一个白色的圆圈) 「react」 (上标图标取代点击另一个图标) 「reactCircle」 (与上标图标中的白色圆圈相同) 「textIn」 (选定的离子出现相应的标题) 「titled」 (未选择的图标是显示其标题的单个图标...) 「backgroundColor」 (设置 appbar 背景颜色) 「gradient」 (使用渐变小部件设置 appbar 背景颜色) 「activeColor」 (设置圆形颜色) 主题 AppBar...在 Home 类中,我们定义一个带有背景颜色的文本。
您可以自定义背景颜色、选中项的颜色、图标和标签等。 响应式设计: NavigationRail 支持响应式设计,可以适应不同尺寸和方向的屏幕。...: TextStyle(color: Colors.red), // 设置选中项的标签文本颜色 // 其他配置属性... ) 未选中项颜色: 使用 unselectedIconTheme 属性设置未选中项的图标主题...NavigationRail( unselectedIconTheme: IconThemeData(color: Colors.grey), // 设置未选中项的图标颜色 unselectedLabelTextStyle...: TextStyle(color: Colors.grey), // 设置未选中项的标签文本颜色 // 其他配置属性... ) 4.2 自定义图标和标签 您可以通过以下方法自定义导航栏的图标和标签...灵活的自定义选项: NavigationRail 提供了丰富的自定义选项,包括背景色、选中项的颜色、标签类型等,使开发人员可以根据应用程序的设计和品牌风格定制导航栏的外观。
似乎有那么一种“这就是我要的滑板鞋”的既视感,只可惜它只能用在 Hexo 上。...Next 主题文章页自带文章目录的功能,文章目录一般需要在后台生成,然而 Typecho 似乎并没这样的 api,而且我感觉文章输出前后台各种解析html似乎是一个极其低效的操作。...在此表示感谢~ 目前还剩下标签页没整,Typecho的统计的widget似乎没有标签个数的统计,自己暂时也懒得去写插件生成了(也有那么一点强迫症的原因),先凑合着吧,高考完之后再抽时间更新。...侧边栏显示友情链接,友情链接只有在安装了 Hanny 的 Links插件 才可显示,未安装不影响使用。...categories 设置归档页: 新建一个缩略名为 archive 的页面,在选项的自定义模板选择 archives archive 设置标签页: 新建一个缩略名为 tags 的页面,
1 TabBar 一个显示水平选项卡的Material Design widget。...Tab1",), Tab(text: "Tab2",), , 3.2 isScrollable:是否可滚动 isScrollable: false, 3.3 indicatorColor:指示器颜色...3.9 labelPadding:每个label的padding值 labelPadding: EdgeInsets.only(left: 20), 3.10 unselectedLabelColor:未选中...label颜色 unselectedLabelColor: Color(0xffffffff), 3.10 unselectedLabelColor:未选中label的Style unselectedLabelStyle...: TextStyle( fontSize: 12.0, ), 4 EdgeInsets edgeInsets是Widget的配置类,允许文本方向感知分辨率。
(水平方向的选项卡) 依赖: implementation 'com.google.android.material:material:1.2.1' 代码方式: TabLayout tabLayout...android:icon="@drawable/ic_android"/> widget.TabLayout> 关联ViewPager: widget.TabLayout...0dp app:tabMode="fixed" 显示的模式,fixed表示平分显示,scrollable滑动显示 app:tabSelectedTextColor="@color/black" 选中文字颜色...app:tabTextColor="@color/gray" 未选中文字颜色 app:tabMinWidth="50dp" 最小宽度,可以控制tab的宽度,包括指示器的宽度 app:tabMaxWidth...@Override public void onTabUnselected(TabLayout.Tab tab) { //未选中
若要为应用提供设置,您应该使用 Android 的 Preference API 构建一个与其他 Android 应用中的用户体验一致的界面(包括系统设置)。...(this); String syncConnPref = sharedPref.getString(SettingsActivity.KEY_PREF_SYNC_CONN, ""); 侦听首选项变更...() 为 SharedPreferences 对象注册侦听器。...但是,您必须存储对侦听器的强引用,否则它将很容易被当作垃圾回收。 我们建议您将对侦听器的引用保存在只要您需要侦听器就会存在的对象的实例数据中。 例如,在以下代码中,调用方未保留对侦听器的引用。...SavedState) state; super.onRestoreInstanceState(myState.getSuperState()); // Set this Preference's widget
性能比vue2.x快1.2~2倍 按需编译,体积比vue2.x更小 组合API(类似React Hook) 更好的TS支持 暴露了自定义渲染API 更先进的组件 vue3.0是如何变快的?...我们再来去那个测试网站,在静态标记的选项前面打上对号,这时我们会发现不同,右边之前数据固定不变的标签,也就是这里的标签,被放在了render函数的外面。...静态提升 cacheHandlers(事件侦听器缓存) 默认情况下,如onClick事件会被视为动态绑定,所以每次都会追踪它的变化,但是因为是同一个函数,所以不用追踪变化,直接缓存起来复用即可。...好,我们来对比一下开启事件侦听器缓存前后。 未开启事件侦听器缓存 我们会看到有一个静态标记,所以每次都会追踪。 未开启 开启事件侦听器缓存 在事件侦听器缓存前打上对号,开启。
@override Widget build(BuildContext context) { // 文本组件样式 , 可以设置给 Text 文本组件 // 设置字体大小 20, 颜色红色...回调 StatefulWidget 组件的 setState 设置状态的方法 , 修改当前选中索引 // 之后 BottomNavigationBar 组件会自动更新当前选中的选项卡...>[ Text("主页面选项卡, 下拉刷新"), // 水平方向排列的线性布局...onRefresh: _refreshIndicatorOnRefresh, ) : Container( // 对应底部导航栏设置选项卡...Flutter CodeLab : https://codelabs.flutter-io.cn/ Dart 中文文档 : https://dart.cn/ Dart 开发者官网 : https://api.dart.dev
this.shadowColor = const Color(0xFF000000), // 背景颜色 Widget child, // 被裁减的组件 }) : assert(shape...@override Widget build(BuildContext context) { // 文本组件样式 , 可以设置给 Text 文本组件 // 设置字体大小 20, 颜色红色...回调 StatefulWidget 组件的 setState 设置状态的方法 , 修改当前选中索引 // 之后 BottomNavigationBar 组件会自动更新当前选中的选项卡...>[ Text("主页面选项卡, 下拉刷新"), // 水平方向排列的线性布局...Flutter CodeLab : https://codelabs.flutter-io.cn/ Dart 中文文档 : https://dart.cn/ Dart 开发者官网 : https://api.dart.dev
disabledColor - 用于Widget无效的颜色,无论任何状态。例如禁用复选框。...indicatorColor - TabBar中选项选中的指示器颜色。 primaryColor - App主要部分的背景色(ToolBar,TabBar等)。...toggleableActiveColor - 用于突出显示切换Widget(如Switch,Radio和Checkbox)的活动状态的颜色。...unselectedWidgetColor - 用于Widget处于非活动(但已启用)状态的颜色。例如,未选中的复选框。通常与accentColor形成对比。...由按钮等Widget使用,以确定在不使用主色或强调色时要选择的颜色。 platform - TargetPlatform类型,Widget需要适配的目标类型。
PopupMenuItem(value: _abs[index], child: Text(_abs[index])))) ], ), ); } } 最后的效果图,未点击右侧按钮如左侧所示...也就是类型和你传入的值有关 this.onSelected, // 选中 item 的回调函数,返回 T value,例如选中 `s` 则返回 s this.onCanceled, // 未选择任何...unselectedLabelColor: Colors.white, // 未选中颜色 controller: _tabController,...indicatorSize: TabBarIndicatorSize.tab, // 导航样式,还有个选项是 TabBarIndicatorSize.label tab 时候,...Switch(value: _isOn, onChanged: null) ], ), CheckboxListTile( // 描述选项
FijkPlayer 第三方的一个视频播放器,这是一个大佬基于比利比利播放器封装的,有常用的API 可自定义样式 pub传送门 默认的样式 展示: 自定义的样式 展示: **使用:** fijkplayer...), min(widget.viewSize.width, widget.texturePos.right), min(widget.viewSize.height,...activeTrackColor: Colors.greenAccent, //未拖动的颜色...valueIndicatorColor: Colors.green, //提示进度的气泡文本的颜色...overlayColor: Colors.white, //对进度线分割后,断续线中间间隔的颜色