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

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

提供了 Section 的概念,用来列表分块。...QMUIGroupListSectionHeaderFooterView 用作通用列表 QMUIGroupListView 里每个 Section 的头部或尾部,也单独使用。...指定圆角的大小高度的一半,并跟随高度变化自适应圆角大小。 支持分别指定背景色和边框色,指定颜色时支持使用 color 或 ColorStateList。...更多参考 wiki 文档。 Helper Classes QMUIColorHelper 颜色处理工具类,按照功能类型来划分,总共包含以下几个特性: 一个颜色设置透明度。...QMUIDrawableHelper 快速绘制一张指定大小、颜色、边框的图片,支持形状圆角矩形和圆形。 快速绘制一张带上分隔线或下分隔线的图片。 快速绘制一张带圆角的渐变图片。

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

绘制路径:Android 中矢量图渲染

在这篇文章中,我深入探讨这些技巧:颜色资源、主题颜色、颜色状态列表和渐变的使用。 简单的颜色 绘制路径最简单的方法是指定一种硬编码的 fill/stroke 颜色。 <!...具有重叠路径和半透明主题颜色的资源:比较着色和填充模式 请注意,你可以通过设置 android:theme 属性,在Activity/View 级别改变绘制对象的主题,或者在代码中使用 ContextThemeWrapper...这也使用了 AndroidX 颜色状态列表填充,这意味着你也可以在 ColorStateList使用主题属性和 alpha(它们本身只在 API23 中被添加到平台中)。 <!...我建议所有的应用程序都应该使用主题色彩的图标。ColorStateList 和渐变支持就合适,但是如果你需要它,最好知道矢量图形支持的这些用例。...与矢量图形的兼容性非常好,因此这些特性现在可以在大多数应用程序使用(下一期详细介绍)。

2.9K20

Android:RippleDrawable 水波纹涟漪效果

具体参考下图: ?...其中id mask 的item 在初始化界面时不会直接绘制出来,而是在发生触摸之后才会绘制。 mask 直译过来有遮罩的意思,它会限定水波纹的范围。...如果我们需要将 ripple 中的某个item设置 mask , 在xml 中,直接该item设置id属性即可—— android:id="@android:id/mask" ; 在Java代码中如果想替换现有的...没有指定mask ,并且也没有指定radius 时,会以控件宽高中的较大值直径绘制水波纹,这样就必然会超出控件的范围,所以,这种效果也叫做 无界水波纹效果。...QQ 无 无 微信 无 无 简书 无 无 支付宝 无 无 口碑 无 无 微博 无 无 美团 无 无 淘宝 有 消息列表和Dialog中的按钮 在查看了我自己常用的几款软件之后,发现,只有知乎和淘宝在局部使用了这个涟漪效果

2.5K20

Android – Drawable 详解

用法 在不同情况下有很多绘制的类型,设置按钮的状态行为,创建伸缩的按钮背景和创建复合绘制图层。...你可以使用鼠标来选择要拉伸的区域(使用Shift键并单击并拖动鼠标擦除区域),右侧的预览窗格显示如何根据内部文本渲染图像。 ? 需要为可拉伸区域定义左边和上边的线。...你也可以在运行时使用代码来设置vector drawable: ImageView iv = (ImageView) findViewById(...); iv.setImageResource(R.drawable.ic_heart...android:background="@drawable/states_selector_list" /> 请注意,背景属性已设置状态列表,以便项目应用默认背景。...Drawable icon = DrawableCompat.wrap(drawable); DrawableCompat.setTintList(icon, colors); } 注意,使用的着色颜色也可以使用绘制的状态列表

5.2K50

Android Java 动态修改 CheckBox 样式

基本上 xml 中可以配置的属性在 Java/Kotlin 代码中都有相对应的方法,然而和尚我在对应使用 CheckBox 控件的 android:buttonTint="@color/colorAccent..." 属性时,却不尽如人意,不仅在设置过程中需要版本大于21,更重要的是设置完之后并不起效果。...---- 和尚我的步骤如下: 设置两个默认的 CheckBox 选中/未选中 状态作为参照,如图中第一行; 设置两个 AppCompatCheckBox 默认通过设置 style.xml 主题色配置,实现与...Tips2: 在设置 setSupportButtonTintList 方法时,初始状态选中时,颜色列表第一个应为配置的颜色值;若为未选中时,颜色列表第一个应为默认系统灰色。...// 工具类 绘制不同状态的颜色 public class BitmapUtil { /** * 对TextView设置不同状态时其文字颜色 * @param normal

2.3K21

播放器外接一套渲染框架

如果你有一定的音视频基础,其实从头开发一个播放器并非难事,自己从头开发的播放器定制化程度就非常高,基本上没有你做不到的,只有你想不到的。...记得之前公司曾经有个需求,要在播放的视频中加上水印,这个问题有两种处理方案: 方案一:SurfaceView或者TextureView上加一个ImageView 方案二:视频渲染使用OpenGL渲染,...渲染纹理的时候水印加上 方案一是一个很取巧的方案,我加一个ImageView来显示水印,ImageView和SurfaceView是两个分层的View,这样的处理有两个不太方便的地方: SurfaceView...,没人care,传统的方式都是直接SurfaceView回调的onSurfaceCreate中的Surface直接设置给播放器,但是想要定制视频播放的Surface,这种方法不可取。...Surface的处理,在画布上实时绘制我们想要的东西。

44010

Android滤镜效果实现及原理分析

上面的操作中改变了 R、G 对应的颜色偏移量,那么结果就是图像的红色和绿色分量增加了100,即整体色调偏黄显示。 ? 其中,左边原图,右边改变 偏移量后的效果。...关键代码是 4x5 矩阵转换成一维数组,然后再将这一维数组设置到ColorMatrix类里去,请看代码: //矩阵设置到图像 private void setImageMatrix() {...详情参考这个文档 :https://developer.android.com/reference/android/graphics/ColorMatrix.html 色调 Android系统提供了...通过对源码的阅读,我们也知道,第二个参数最终被设置的数值范围 [-1,1] ,然后再设置到颜色矩阵中。即我们在第二个参数传入[-180,180]范围的值(一个最小周期)即可。...在设置好需要处理的颜色矩阵后,通过使用 Paint 类的 setColorFilter() 方法,通过 imageMatrix 构造的 ColorMatrixColorFilter 对象传递进去,并使用这个画笔来绘制原来的图像

2.8K80

在 Android 应用中使用矢量资源

首先是 AndroidX 从 Lollipop 开始,你可以在任何需要使用其他绘制类型的地方使用 VectorDrawables(使用标准的 @drawable/foo 语法引用它们),但是我建议始终使用...这会显著增加其使用平台的范围,不仅如此,它还支持特性和 bug 修复程序向后移植到旧平台。...这种版本控制阻止在较老的平台上访问这些资源,使反编译成为不可能的事情 —— gradle 标志禁用了绘制对象资源(vector drawables)的版本控制。...如果你想以声明的方式设置 drawables(即在你的布局中),appcompat 提供了一些 Compat 属性,你应该使用这些属性而不是标准的平台属性: ImageView,ImageButton:...使用 AndroidX 支持既可以在更多平台版本和后端功能上使用矢量资源,也可以让你接收任何未来的更新。 现在我们已经理解了为什么以及如何使用向量,下一篇文章深入探讨如何创建它们。

1.5K30

Android开发:ListView、AdapterView、RecyclerView全面解析

true,选中的列表项将会显示在上面 android:listSelector 点击到的Item设置图片 如果该属性设置true,选中的列表项将会显示在上面 android:fastScrollEnabled...android:listSelector 指定被选中的列表项上绘制的Drawable android:scrollingCache 滚动时是否使用缓存 如果设置true,则在滚动时将会使用缓存 android...Listview提供的XML属性: XML属性 说明 备注 android:divider 设置List列表项的分隔条(可用颜色分割,也可用图片(Drawable)分割 不设置列表之间的分割线,可设置属性...那么getView()如何使用呢?如果有10000行数据 ,就绘制10000次?这肯定会极大的消耗资源,导致ListView滑动非常的慢,那应该怎么做呢?...定义一个HashMap构成的列表数据以键值对的方式存放在里面。 构造Adapter对象,设置适配器。 RecyclerView绑定到Adapter上。

3.4K30

React实战:使用Canvas识别图片颜色值详解

因此,如何选择合适的颜色,成为了每个网页设计师必须面对的问题。而在实际的开发中,我们需要根据图片的主色调来选择合适的配色方案,因此我们会使用一些方法或工具来识别当前图片分布的颜色值。...React Hooks可以让我们更容易地编写重用的代码,因为我们可以逻辑抽象成自定义Hooks,然后在多个组件中重复使用。这样可以减少代码的重复,提高代码的可维护性和测试性。...在图片加载完成后,我设置了canvas的尺寸,并将图片绘制到canvas上。最后,我获取了图片的像素数据,并进行了处理。...DOM元素的背景色设置图片的主要颜色 if (parentRef.current && imageColor) { parentRef.current.style.backgroundColor...使用Canvas来绘制图片,并获取了图片的像素数据。对像素数据进行了处理,以便获取图片的主色调使用React来识别图片颜色值,可以为网页设计师提供更多的选择和灵感。

42822

Android中Textview文字设置不同颜色、下划线、加粗、超链接

注意:如果这些额外信息能被所用的方式支持,比如SpannableString传给TextView;也有对这些额外信息不支持的,比如自定义view中Canvas绘制 文字,对于不支持的情况,SpannableString...//使用SpannableString,必须一次传入,构造完成 //使用SpannableStringBuilder,可以使用append()再添加 SpannableStringBuilder...2)具体使用 给文本设置不同的样式是通过setSpan()方法来实现的,其中的具体样式根据参数来定义。...); //设置背景色青色 //设置字体样式正常,粗体,斜体,粗斜体 msp.setSpan(new StyleSpan(Typeface.NORMAL), 18, 20...); //2.0f表示默认字体宽度的两倍,即X轴方向放大为默认字体的两倍,而高度不变 //设置字体(依次包括字体名称,字体大小,字体样式,字体颜色,链接颜色) ColorStateList

4.2K21

《移动互联网技术》第五章 界面开发: 掌握Activity的基本概念,Activity的堆栈管理和生命周期

注意:findViewById函数使用R文件来引用控件的id。最后,利用setAdapter函数适配器和listview对象连接起来,完成整个列表控件的构造。...在资源路径drawable下面添加一个文字选择器xml文件,在selector标签中,加入两个item标签,当选中状态“真”时,设置文本选中颜色(设置粉色),当选中状态“假”时,设置正常状态颜色...下面一行标签表示应用程序显示在程序列表里,也就是在Android桌面上会显示一个图标(launcher)。...双缓冲技术是指当程序在指定视图上绘制图形时,程序并不直接绘制在该视图控件组件上,而是先绘制到一个内存中的Bitmap图像上,这就是绘图的缓冲;然后,等到内存中的Bitmap绘制完以后,再一次性地Bitmap...在帧动画活动中,通过imageview不断切换显示图片来实现动画效果,首先通过imageview获取AnimationDrawable对象,它是一种绘制的动画对象,用来实现帧动画操作,比如,在播放和停止按钮中通过控制动画的运行

8910

从夜间模式说起,如何定制不同风格的App主题?

对于组装,我们按照从上到下、从左到右的布局顺序去分解目标视图,基本的Widget封装到Column、Row中,从而合成更高级别的Widget;而对于自绘,我们则通过承载绘制逻辑的载体CustomPainter...,在其paint方法中使用画笔Paint与画布Canvas,绘制不同风格、不同类型的图形,从而实现基于自绘的自定义组件。...ThemeData涵盖了Material Design规范的自定义部分样式,比如应用明暗模式brightness、应用主色调primaryColor、应用次级色调accentColor、文本字体fontFamily...全局统一的视觉风格定制 在Flutter中,应用程序类MaterialApp的初始化方法,我们提供了设置主题的能力。...下面的例子中,我们icon的颜色调黄色,文字颜色调红色,按钮颜色调黑色: MaterialApp( title: 'Flutter Demo',// 标题 theme: ThemeData

2.6K30

Carson带你学Android:全面解析列表ListView与AdapterView

true,选中的列表项将会显示在上面 android:listSelector 点击到的Item设置图片 如果该属性设置true,选中的列表项将会显示在上面 android:fastScrollEnabled...android:listSelector 指定被选中的列表项上绘制的Drawable android:scrollingCache 滚动时是否使用缓存 如果设置true,则在滚动时将会使用缓存 android...Listview提供的XML属性: XML属性 说明 备注 android:divider 设置List列表项的分隔条(可用颜色分割,也可用图片(Drawable)分割 不设置列表之间的分割线,可设置属性...根据该数组资源来生成ListView android:footerDividerEnabled 如果设置成false,则不在footer View之前绘制分隔条 andorid:headerDividerEnabled...定义一个HashMap构成的列表数据以键值对的方式存放在里面。 构造Adapter对象,设置适配器。 LsitView绑定到Adapter上。

1K10

Android入门教程 | Button,TextView背景设置

以后会遇到TextView,ImageView监听点击事件,或是整个Layout来监听点击事件。 这里使用的是监听器模式。 实际上,Button继承自TextView。...Button,TextView背景设置 如何给按钮增加动感? Button 有按下(pressed)和未按下之分,我们给这 2 种状态不同的背景颜色和文字颜色。...selector介绍 StateListDrawable 是在 XML 文件中定义的绘制对象,它会根据对象状态,使用多个不同的图像来表示同一个图形。...例如,Button 微件可以是多种不同状态(按下、聚焦或这两种状态都不是)中的其中一种,并且可利用状态列表绘制对象,每种状态提供不同的背景图片。 可以在 XML 文件中描述状态列表。...每个  均使用各种属性来描述应用作绘制对象的图形的状态。

87300
领券