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

探索 Android Design Support Library v28 新增内容

我们按照原样使用 MaterialButton 类, 并且在我们视图中, 它将具有我们所追求材质外观和质感 -- 将其视为一个提供方便类. ?...accent colour 填充按钮背景颜色, 同时使用白色作为按钮文字颜色....如果我们希望自己添加一些更高级样式, 那么我们可以通过使用 MaterialButton 样式一组属性来完成此操作. app:icon: 用于定义在按钮开始时显示 drawable ?...Chip Chip 组件允许我们在布局展示一个纸片组件. 其本质一些文字被赋予一个圆形背景 -- 这样做目的是向用户显示某种形式文本集合, 可能被选择也可能不被选择....Bottom App Bar 底部应用栏是一个新组件, 它允许我们在布局底部显示一个类似工具栏组件. 这使我们能够以比标准工具栏更容易交互方式向用户显示组件. ?

1.8K20

Android Material UI控件之MaterialButton

我们最好来看看MaterialButton它里面的代码大致情况。将项目工程切换到Project模式。然后展开最底部External Libraries ?...从上面的日志来看报错原因在xml第10行 ? 但是这不是具体原因,我们再往下滑动寻找错误根源。 ? 皇天不负苦心人,报错很明显就是这里了,你可能不是很理解这句话意思。...其实一般Button也有这个点击效果,但是如果要修改这个水波纹颜色会麻烦一些,需要通过样式来设置才行,但是MaterialButton可以直接修改这个水波纹颜色。比如我这里改成绿色。...总结 好了到这里MaterialButton基本用法就差不多了,也满足你用基本需求了,你要是还想加一些花里胡哨骚操作可以再对这个MaterialButton进行进一步继承封装。OK,就到这里了。...最后注意一点,在低版本Andoid设备可能不会生效哦! 项目源码地址

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

Flutter Web:鼠标相关处理

MaterialButton 先看如何改变单个按钮阴影效果,MaterialButton及其子类(FlatButton等)可以通过为hoverColor等属性设置自定义颜色,或者设置透明颜色来去除这些效果...TextButton 在Flutter2.0如果使用FlatButton就会提示已不建议使用,替代是2.0新加入TextButton。...它并不是MaterialButton子类,所以没有hoverColor等属性,那么怎么设置自定义阴影,或去除它阴影效果?...全局配置 基本视觉不会接受任何按钮默认阴影效果,所以如果一个个按钮去设置很麻烦,我们可以全局设置,在app通过配置theme即可,如下: MaterialApp( title: title...及其子类,一个是负责TextButton及其子类,如果app两类button都使用了,那么就需要将两个都进行配置。

1.5K20

IntelliJ IDEA 2023.3 最新发布啦!盘点精彩亮点

在其他领域,该版本包括对最新 Java 21 功能全面支持,引入了具有编辑操作直观浮动工具栏,并添加了“运行到光标 ”嵌入选项以增强调试工作流程。...最新更新包括直接在编辑器增强代码生成、无需复制代码即可回答项目相关查询上下文感知 AI 聊天,以及使用扩展上下文提供更全面结果项目感知 AI 操作。...默认情况下用颜色编码编辑器选项卡图片为了增强您在编辑器同时处理各种文件类型时导航体验,我们为编辑器选项卡引入了默认颜色编码,反映了它们在项目工具窗口中外观。...您可以在“设置/首选项 |”管理此设置。外观与行为 | 文件颜色。...改进了对常量条件表达式检查图片IntelliJ IDEA 代码分析现在涵盖了更多场景,用于识别和突出显示始终评估为相同值条件表达式潜在错误

21510

推荐开发者使用 Material Design 组件

为了保证您应用与用户设备安装其他应用在视觉和行为保持一致,我们 推荐 您遵循 Material Design 规范,因为用户从一个应用中学习操作模式可以无缝衔接地在另一个应用中使用。...Android 用户希望您应用在视觉和行为与系统保持一致。...Material 组件在对应系统标准组件和 AppCompat 组件基础拓展出更多样式和功能,例如 MaterialButton 拥有以下多种样式: <!...Material 主题包括 颜色、字体样式 和 形状 属性。对其进行自定义将自动应用到您用于构建应用组件。 您可以将 Material 主题理解为创建设计系统设计系统 。...您只需配置好颜色、字体样式和形状,即可得到一套基于您品牌完整设计系统。

1K30

船新 IDEA 2023.3 正式发布,新特性真香!

关键亮点 对 Java 21 功能完全支持 IntelliJ IDEA 2023.3 提供了对最新 Java 21 功能完全支持。...程序挂起后,您可以将鼠标悬停在要执行到代码行,然后点击 Run to Cursor(运行到光标)弹出窗口。您还可以在将文本光标置于所需行后调用键盘快捷键 (⌥F9) 来使用此功能。...://www.macrozheng.com/video/ 后台管理系统演示: 前台商城项目演示: 带有编辑操作浮动工具栏 IntelliJ IDEA 2023.3 引入了一个浮动工具栏,该工具栏会在所选代码段旁边显示...Default(默认)工具窗口布局选项 默认颜色编码编辑器标签页 为了增强您在编辑器同时处理多种文件类型导航体验,我们为编辑器标签页引入了默认颜色编码,反映它们在 Project(项目)工具窗口中外观...您可以在 Settings/Preferences | Appearance & Behavior | File Colors(设置/偏好设置 | 外观与行为 | 文件颜色管理此设置。

1.2K10

船新 IDEA 2023.3 正式发布,新特性真香!

关键亮点 对 Java 21 功能完全支持 IntelliJ IDEA 2023.3 提供了对最新 Java 21 功能完全支持。...程序挂起后,您可以将鼠标悬停在要执行到代码行,然后点击 Run to Cursor(运行到光标)弹出窗口。您还可以在将文本光标置于所需行后调用键盘快捷键 (⌥F9) 来使用此功能。...://www.macrozheng.com/video/ 后台管理系统演示: 前台商城项目演示: 带有编辑操作浮动工具栏 IntelliJ IDEA 2023.3 引入了一个浮动工具栏,该工具栏会在所选代码段旁边显示...Default(默认)工具窗口布局选项 默认颜色编码编辑器标签页 为了增强您在编辑器同时处理多种文件类型导航体验,我们为编辑器标签页引入了默认颜色编码,反映它们在 Project(项目)工具窗口中外观...您可以在 Settings/Preferences | Appearance & Behavior | File Colors(设置/偏好设置 | 外观与行为 | 文件颜色管理此设置。

44920

Sketch for mac中文最新(专业矢量图UI设计软件)

SketchMac是一款专为设计师量身定做优美界面和强大工具兼有的专业矢量图绘图工具,能够满足网页、用户界面、图标等设计需求,新版兼容macOS Ventura系统,并解决了 Abstract 和...Anima 插件问题。...修复了阻止您覆盖嵌套​​在符号实例组合形状文本图层问题。修复了一些插件(包括 Abstract 和 Kitchen)无法通过 API 加载其库或其他一些资产问题。...修复了在 macOS Ventura 编辑颜色变量时导致颜色选择器不透明度和色调滑块重叠错误。修复了阻止组件菜单显示文本颜色覆盖错误。...如果您工具栏设置为显示文本标签,则修复了在 macOS Ventura 工具栏按钮剪裁徽章错误。修复了在重置密码或更改 2FA 设置后阻止人们使用 iPhone 应用程序问题。图片

95830

【Flutter】评级对话框组件

F「lutter」是一个免费和开源项目,由Google创建并维护,是我们喜欢Flutter原因之一。Flutter提供了漂亮预构建组件,这些组件在flutter中被称为Widget。...在在本博客,我们将探讨「Flutter“「评级对话框”」。我们将看到如何使用flutter应用程序「rating_dialog」包来实现美观评级对话框演示程序并进行自定义。...评级对话框一些属性: **message:**此属性用于对话框消息/描述文本。 **ratingColor:**此属性用于评级栏(星形图标和辉光)颜色。...在小部件内,我们将添加一个Center小部件,并且其子属性添加一个「MaterialButton()。「在此按钮,我们将添加文本,颜色,按钮形状和onPressed方法。...在此对话框,我们将添加」ratingColor」表示评级栏(星形图标和发光效果)颜色,「标题」,「消息」表示对话框消息/描述文本,「图像」,「submitButton」表示提交按钮标签/文本,「

4K50

『Flutter』常用组件 按钮、图片

当按下时,边框和文字颜色会变化,适用于需要强调边框而非背景色场景。 IconButton:这是一个图标按钮,常用于工具栏和对话框。它可以包含图标而不是文本,适用于空间有限或需要图形化表示地方。...FloatingActionButton:这是一个圆形按钮,通常悬浮在内容上方,用于促进应用主要动作,如添加、编辑等。...MaterialButton:这是一个更通用按钮组件,可以高度自定义,包括形状、颜色、阴影等。 DropdownButton:这是一个下拉按钮,允许用户从一系列项中选择一个。...通常用于表单或需要选择性输入界面。 PopupMenuButton:这个按钮在用户点击时会显示一个弹出菜单。它常用于应用工具栏,提供额外选项。...title: "my App", // 应用程序主题,用于定义颜色,字体和阴影等。

33331

再不迁移到Material Design Components 就out啦

和 AppCompat 一样,MDC 会在填充时候用 MDC 等效控件来替换某些原始控件。这样就可以发布新功能和错误修正了,而不必将所有声明都换成新类型。...但是,升级后,您可能会注意到某些控件颜色和其他属性某些意外更改。 ? 在上面的示例,按钮发生了变化、文本和图标的颜色发生了变化。FAB 现在变成了蓝绿色,并且文本字段看起来完全不同。不用担心。...MDC颜色调色板直接从 Material Design color system 绘制。...要了解哪些小部件使用哪种颜色,需要检查源代码默认小部件样式。 AppCompat和框架还存在一些颜色,但不再适用于此新系统。该Theme.MaterialComponents....请参阅下面的颜色属性映射表: 注意 AppCompat 颜色属性就不要再使用了 colorPrimary 例子 <style name="Theme.App" parent="Theme.MaterialComponents

3.1K30

IntelliJ IDEA 2023.2 主要更新了什么?(纯文本介绍版)

用户体验方面的更新涵盖了在搜索、项目视图排序和主工具栏改进。Java方面的改进包括扩展Java检查、为格式字符串提供代码高亮显示和导航,以及提供更好Javadoc注释支持等。...现在,您可以为项目的标题分配独特颜色,并为它们上传自定义图标,从而更轻松地区分工作区项目。 我们在Windows和Linux重新设计了新UI主工具栏汉堡菜单。...现在,当您单击菜单图标时,其元素将水平显示在工具栏。还有一个新选项可以将此菜单转换为单独工具栏。...在 macOS 新 UI 中使用全屏模式时,窗口控件现在直接显示在主工具栏,而不是像以前那样显示在浮动栏。 在 “设置”/“首选项”|”编辑 |检查 ,我们为代码示例实现了语法突出显示。...在“ Project项目”视图中,有一个新 “单击打开目录” 选项,该选项使展开和折叠项目文件夹更快、响应更快。 我们扩展了新 UI 主工具栏自定义选项。

10410

IntelliJ IDEA 2023.2 最新变化

新 UI 彩色项目标题 IntelliJ IDEA 2023.2 引入了彩色标题,可以简化多个打开项目之间导航。 现在,您可以为每个项目分配唯一颜色和图标,使其在工作区更易区分。...标题现在默认带有预定义颜色,但您也可以自定义。 要为项目设置新颜色,首先右键点击标题,然后访问上下文菜单。...然后,选择 _Change Project Color_(更改项目颜色)选项,并从建议列表中选择所需颜色,或者浏览调色盘。...在 Windows 和 Linux 工具栏重做了汉堡包菜单 我们改进了 Windows 和 Linux 新 UI 工具栏汉堡包菜单行为。...更新了 macOS 窗口控件 在 macOS 以全屏模式使用新 UI 时,窗口控件现在将在主工具栏显示,而不是像以前一样在浮动栏显示。

62320

IntelliJ IDEA 2023.2 主要更新了什么?(图文版)

新 UI 彩色项目标题 IntelliJ IDEA 2023.2 引入了彩色标题,可以简化多个打开项目之间导航。 现在,您可以为每个项目分配唯一颜色和图标,使其在工作区更易区分。...标题现在默认带有预定义颜色,但您也可以自定义。 要为项目设置新颜色,首先右键点击标题,然后访问上下文菜单。...然后,选择 Change Project Color(更改项目颜色)选项,并从建议列表中选择所需颜色,或者浏览调色盘。...在 Windows 和 Linux 工具栏重做了汉堡包菜单 我们改进了 Windows 和 Linux 新 UI 工具栏汉堡包菜单行为。...更新了 macOS 窗口控件 在 macOS 以全屏模式使用新 UI 时,窗口控件现在将在主工具栏显示,而不是像以前一样在浮动栏显示。

23510

【Flutter 专题】61 图解基本 Button 按钮小结 (一)

Button 在日常是必不可少,和尚尝试过不同类型 Button,也根据需求自定义过,今天和尚系统学习一下最基本 Button; Flutter 没有 Button Widget,但提供了很多不同类型...且 MaterialButton 是对 RawMaterialButton 封装;而BackButton / CloseButton / PopupMenuButton 继承自 IconButton...RawMaterialButton 系列 RawMaterialButton RawMaterialButton 是 MaterialButton 基础,核心是由 Material 和 InkWell...this.tooltip, // 长按提醒 this.foregroundColor, // 按钮子元素颜色...heroTag 动画标签,默认是 FloatingActionButtonAnimator.scaling;且 heroTag 默认是相同,可以自定义为唯一标签;和尚设置一页面与当前页面 FloatingActionButton

1.4K21
领券