首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Flutter 刷新页面:通过下拉刷新提升用户体验

Flutter 中的 RefreshIndicator 被设计来配合 ListView 或者其他滚动的挂件使用,通过可视化的反馈和平缓的更新动作来提升用户体验。...为了实现这点,我们可以自定义 RefreshIndicator 挂件的属性,比如指示器应该在哪里展示,根据应用程序的主题来定义字体颜色和背景颜色。 再者,刷新动作对用户来说应该是流畅的。...backgroundColor: Theme.of(context).accentColor, // 自定义背景颜色 child: ListView.build( // 我们的列表...这会让我们独立更改和测试小块代码,降低引入错误的风险并加快开发过程。...UI } } 在上面代码片段中,_handleRefresh 函数可以使用热加载来更改和测试,而不影响到其他的 widget tree。

33510

腾讯开源超实用的UI轮子库,我是轮子搬运工

高效的工具方法 提供高效的工具方法,包括设备信息、屏幕信息、键盘管理、状态栏管理等,可以解决各种常见场景并大幅度提升开发效率。...可以通过 xml 属性修改进度背景色,当前进度颜色,进度条尺寸。 支持限制进度的最大值。 QMUIPullRefreshLayout 下拉刷新控件。...分别指定不同方向的圆角大小。 指定圆角的大小为高度的一半,并跟随高度变化自适应圆角大小。 支持分别指定背景色和边框色,指定颜色时支持使用 color 或 ColorStateList。...QMUIStatusBarHelper 状态栏相关的工具类,按照功能类型来划分,总共包含以下几个特性: 快速实现沉浸式状态栏(支持 4.4 以上版本的 MIUI 和 Flyme,以及 5.0 以上版本的其他...快速设置状态栏为黑色或白色字体图标(支持 4.4 以上版本 MIUI 和 Flyme,以及 6.0 以上版本的其他 Android)。

4.8K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Android – Drawable 详解

    这用于创建一个复杂的形状,然后可以作为布局或视图的背景附加在屏幕上。例如,可以使用可绘制的形状来更改按钮背景的形状,边框和渐变。 一个形状只是一个属性的集合,被合并来描述一个背景。...形状可以用属性来描述,如圆角,背景渐变,间距填充,背景颜色固定,描边等。 纯色 Shapes 下面是一个绘制带有边框的圆角矩形的示例: 其他相关状态的动态视图。...现在,让我们将自己的样式添加到ListView。让我们添加一个默认的渐变和一个按下的渐变,改变项目之间的分隔线颜色,并在ListView周围添加一个边框。...⑤ ScaleDrawable - XML中定义的drawable根据当前级别更改另一个drawable的大小。

    5.4K50

    Android样式的开发:selector篇

    举个例子,一个按钮的背景,默认时是一个形状,按下时是一个形状,不可操作时又是另一个形状。有时候,不同状态下改变的不只是背景、图片等,文字颜色也会相应改变。...,当前界面就会失去焦点;另外,ListView的ListItem获得焦点时也会触发true状态,可以理解为当前窗口就是ListItem本身 android:state_activated: 设置是否被激活状态...,用于按钮的文本颜色: 状态改变时,新状态展示时的淡入时间,以毫秒为单位 android:exitFadeDuration 状态改变时,旧状态消失时的淡出时间,以毫秒为单位 最后,关于ListView的ListItem样式,...同时,使用ListView时也有些其他需要注意的地方,总结如下: android:listSelector设置的ListItem默认背景是透明的,不管你在selector里怎么设置都无法改变它的背景。

    2.2K30

    Android 自定义View 字母索引条

    开门见山-IndexBar 不管是在QQ上,还是在163的邮箱中,或者自己手机的通讯录中,右侧都会躺着一个这个玩意儿,我姑且不造官方有没有相关的东西,或者大家约定俗成的称呼这个玩意儿叫什么,反正我就叫它索引条...至于touch到IndexBar背景变为灰色,滑动时选中的字母呈现出选中的状态,这些都搜easy滴!!当然你可能要说还有开头是#号的,或者写着热门等等等的。。...触摸的相关状态添加 首先是触摸到这个索引条,背景加深,这个肯定就是走touch事件了嘛,在ACTION_DOWN的时候修改相关状态,在ACTION_UP的时候,再次刷新相关状态咯。...然后是选中的字母的颜色,这个其实就是更换画笔的颜色就好了!!这个就放在下面的一块内容中。...,选中字母颜色的更改就是通过这个mIndex来实现的,在draw方法中的这行代码: mPaint.setColor(mIndex == i ?

    74510

    基于 HTML5 Canvas 的 3D 模型贴图问题

    本例地址: http://hightopo.com/guide/guide/core/listview/examples/example_custom.html 实现图如下,看起来略有点简陋,但是可以自己天马心空增加或者更改成你需要的东西...列表进行一系列的样式属性的设置:行高、背景、icon 图标、文字提示等等。...列表组件中封装了一个拖拽的功能 handleDragAndDrop,这个函数有两个参数,event 交互事件和 state 当前状态,我们对拖拽事件的不同状态进行不同的处理: listView.handleDragAndDrop...= function(e, state){//该函数默认为空,若该函数被重载,则pan平移组件功能将被关闭 if(state === 'prepare'){//state当前状态,先后会有prepare-begin-between-end...四种过程 var data = listView.getDataAt(e);//传入逻辑坐标点或者交互event事件参数,返回当前点下的数据元素 listView.sm(

    1K20

    基于 HTML5 Canvas 的 3D 模型列表贴图

    下面这个例子给出了解决的方法,当然大家有需要的话,可自行下载更改代码,变成自己的项目。...列表进行一系列的样式属性的设置:行高、背景、icon 图标、文字提示等等。...列表组件中封装了一个拖拽的功能 handleDragAndDrop,这个函数有两个参数,event 交互事件和 state 当前状态,我们对拖拽事件的不同状态进行不同的处理: listView.handleDragAndDrop...= function(e, state){//该函数默认为空,若该函数被重载,则pan平移组件功能将被关闭 if(state === 'prepare'){//state当前状态,先后会有prepare-begin-between-end...四种过程 var data = listView.getDataAt(e);//传入逻辑坐标点或者交互event事件参数,返回当前点下的数据元素 listView.sm(

    1.5K100

    实习杂记(28):SurfaceView+ListView+MediaPlayer滑动时候灰色覆盖等问题

    1.灰色覆盖,或者有一层颜色在上面 这个问题应该是   你给listView加了风格,或者给当前的Window加了风格,因为surfaceView,如果你不设置,应该也有一个默认的颜色值 在listView...滑动的时候,每个item应该是都会被重绘的,至少layout事件会走的,导致了surface上面有一层颜色,这个是第一个问题, 2.ListView里面出现视频画面残留 这个问题很尴尬,也是在listView...,这个肯定是能够解决的, 然后第二种选择是   :使用TextureView,  用起来跟SurfaceView一样,只是要注意需要开启硬件加速,第二个是必须线程调用播放, 3.透明的问题:  背景有其他的...activity界面, 理论上当前的窗口(window)上给一个视图区给你用,然后你再surfview上面绘制的东西会在最上层, 这个时候如果你的surfaceView是以dialog上,或者是PopWindow...等形式在当前的activity上显示出来的,没有重新重建activity的话, 你的surfaceView后面会有很多东西,这是第一个,所以建议使用surfaceView的时候最好是在新的activity

    1.3K20

    Flutter中构建布局 顶

    此应用程序将背景颜色更改为白色,将文本更改为深灰色以模仿Material应用程序。 而已! 当你运行这个应用时,你应该看到: ?...标准小部件 Container: 向边框添加填充,边距,边框,背景颜色或其他装饰。 GridView: 放置小部件作为可滚动的网格。 ListView: 将小部件列为可滚动列表。...您可以通过将整个布局放入Container并更改其背景颜色或图像来更改设备的背景。...容器概要: 添加填充,边距,边框 更改背景颜色或图像 包含单个子部件,但该子部件可以是Row,Column,甚至是部件树的根部 ?...每个图像使用一个Container来添加一个圆形的灰色边框和边距。 包含图像行的列使用容器将背景颜色更改为浅灰色。

    43.1K10

    【愚公系列】2023年11月 Winform控件专题 Button控件详解

    设置Button控件的属性可以设置Button控件的Text属性,指定显示在按钮上的文本。还可以设置BackColor和ForeColor属性,分别指定按钮的背景颜色和前景颜色。...通过FlatAppearance属性,可以改变控件的背景色、前景色、边框颜色和边框样式等。以下是FlatAppearance属性的一些常用属性和方法:BackColor属性:控件的背景色。...如果需要使用其他方式加载图片,可以使用其他Image类的静态方法,如Image.FromHbitmap()和Image.FromResource()等方法。在设置控件的背景图片时,需要注意一些问题。...您可以更改ImageBeforeText为您所需的任何其他值。1.15 UseMnemonicUseMnemonic属性是指一个控件在显示文本时,是否将快捷键表示为下划线的形式。...事件中添加代码,验证输入的用户名和密码是否正确,并给出相应的提示信息。

    1.8K12

    张高兴的 Xamarin.Forms 开发笔记:为 Android 与 iOS 引入 UWP 风格的汉堡菜单 ( MasterDetailPage )

    所谓 UWP 样式的汉堡菜单,我曾在“张高兴的 UWP 开发笔记:汉堡菜单进阶”里说过,也就是使用 Segoe MDL2 Assets 字体作为左侧 Icon,并且左侧使用填充颜色的矩形用来表示 ListView...MainPage.xaml 为应用的入口页面,可在 App.xaml.cs 中更改。将 MainPage 中的根元素替换为 MasterDetailPage 。...--引入 MasterPage 并给个名称,用于后台设置 MasterPage 传递过来的 ListView--> <local:MasterPage x:Name="masterPage...修改 style.xml   ”大纲“的默认效果是 DrawerLayout 覆盖状态栏的,不太美观,需要修改样式。...在 style.xml 中添加 true   同时,由于修改了样式,变成了状态栏覆盖 DrawerLayout

    4.5K100

    兼容Qt4Qt5版本Qml控件ComboBox

    属性文档 currentIndex: int 此属性拥有组合框中当前项的索引。默认值为-1,当count为0时-1,其他情况为0或其他。 更多相关请查看currentText。...contentItem: Component 用于设置组合框的可视项。 更多相关请查看delegate background: Component 用于设置组合框的可视项的背景。...更多相关请查看background popup: Component 用于设置下拉框的背景项,设置其宽高可以限制下拉框的大小。默认展示下拉框的三个项目。...****************************************/ import QtQuick 2.0 Item { id: root /// 此属性拥有组合框中当前项的索引...property alias currentIndex: _listView.currentIndex /** * @brief: 此属性拥有组合框中当前项的文本。

    2.2K20

    SI持续使用中

    保存 单击此按钮可将当前样式表设置保存到新的样式配置文件。该文件将仅包含样式属性,并且不包含可以存储在配置文件中的其他元素。如果加载此配置文件,则仅加载样式属性。...您可能会发现relative Scale属性更有用,因为它是相对的,并且不管父样式的更改如何都可以很好地工作。 规模 指定字体大小缩放比例,以父样式的字体大小的百分比表示。...所有大写 选择样式的全部大写(大写)属性。 罢工 选择当前样式的Strike-Thru属性。 颜色选项 前景 选择当前样式的前景色。 背景 选择当前样式的背景色。...阴影 选择当前样式的阴影的颜色。 逆 选择当前样式的“反向”属性。反转表示前景和背景颜色反转。 间距选项 线以上 这将选择要添加到行上方的垂直间距的百分比。...全字 对于“查找引用”模式,此选项始终处于启用状态。如果您选择其他搜索方法,则将匹配项限制为仅整个单词。 跳过无效代码 如果启用,则仅搜索在条件编译下处于活动状态的代码。

    3.7K20

    Extensions in UWP Community Toolkit - ListViewExtensions

    : ① ColorContainerContentChanging(sender, args):  获取当前 sender 在 container 中的索引,根据索引的奇偶数来判断,偶数则设置背景为 AlternateColor...sender 在 container 中的索引,根据索引的奇偶数来判断,偶数则设置内容模板为 AlternateItemTemplate,奇数则设置为 sender 的元素模板; private static...奇偶数元素不同的背景色和元素模板; ③ StretchItemContainerDirectionChanging(sender, args):  获取当前 sender 的 stretchDirection...: AlternateColor - ListView 的备用颜色画刷,改变时触发 OnAlternateColorPropertyChanged 事件; AlternateItemTemplate -...Insert 和 Remove 场景做处理,获取当前的 ListViewBase,遍历每个元素,为元素容器设置背景,依据是元素的索引;ColorContainerContentChanging 方法的处理同样是根据元素的索引奇偶数来设置背景

    99960

    Android 样式系统 | 主题背景属性

    attr/colorSurface"/> 即使您当前不支持其他主题 (什么,您的应用还没有支持深色主题?),我们依然建议您采用这种方法,因为这样会让新主题的采用变得更加简单。...由于主题背景可以被覆盖或者改变,因此这间接表示: 您不需要创建其他布局或样式就可以更改某些颜色——您可以在相同的布局中使用不同的主题背景。 始终使用? 在某些情况下,您或许不想按照主题背景更改颜色。...它并没有定义一个新的颜色资源的方式来手动为您 (每一个配置文件) 的 primary 颜色设置 alpha 值,而是通过改变当前主题背景中的 colorPrimary 的方式。...backgroundTint 支持您的 View 所需的状态,例如,如果被禁用时需要更改。...间接使用 使用主题背景属性和 ColorStateList 将颜色分解为主题背景的方法,可使您的布局和样式更加灵活,提高代码复用性并保持代码库的精简和易维护性。

    1.4K20

    C#项目实战练习:做自己的QQ

    (虽然是练习,但还是想让软件拥有自己的特色,所以将书中的Q友改成了SunTalk,也更改了部分背景空间颜色位置等属性) 开发技术   查了下,腾讯QQ客户端采用 Microsoft Visual C++...(其他窗体也要相应的更改哦,尤其是名字) Backgroundimage:添加登录背景图片 FormBorderStyle:None StartPosition:CenterScreen Text:SunTalk...(各控件最重要的部分其实是名字,后续功能实现需要通过名字对其进行调用,控件的其他属性这里只列出部分,可自定义设置,比如字体颜色,字体大小,控件位置,控件背景色等等) 1、TextBox Name:txtID...注册窗体布局设计   注册窗体的设计没有添加背景采用的是纯控件组合。 注册窗体控件填充   字体大小颜色等其他属性没有列出,可自己尝试。...事件,编写如下代码,获取系统消息图像索引,并显示在工具栏中。

    7.6K20

    A020-列表容器之ListView

    =”30px” //listview item之间的高度 android:divider=”@drawable/ic_launcher” //listview item之间的背景或者说是颜色...如果可能的话,该ScrollBar仅仅覆盖这个view的背景. 2>outsideOverlay : 该ScrollBar显示在视图(view)的边缘,不增加view的padding,该ScrollBar...: 该ScrollBar显示在内容区域里面,不会增加了控件的padding区域,该ScrollBar以半透明的样式覆盖在视图(view)的内容上....android:transcriptMode=”alwaysScroll” 第三cacheColorHint属性,很多人希望能够改变一下它的背景,使他能够符合整体的UI设计,改变背景背很简单只需要准备一张图片然后指定属性...如果你只是换背景的颜色的话,可以直接指定android:cacheColorHint为你所要的颜色,如果你是用图片做背景的话,那也只要将android:cacheColorHint指定为透明(#00000000

    70930
    领券