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

不懂设计产品不是好开发

background color是应用在屏幕背景上,在UI组件后面的颜色。error color是应用在组件上以突出错误颜色。通常情况下,这些颜色与品牌没有关联。...通常情况下,定义一个primarySwatch,而不是只定义primaryColor会更好。因为一些Material组件可能会在阴影、边界等方面使用不同primaryColor色调。...在演示应用程序中,我几乎把所有的UI组件都应用了形状,以达到演示目的,这绝对是推荐。 截至目前,Material Design有两种形状样式:圆角和切角。..., menu 大型组件:data table, navigation drawer, model, and standard bottom sheet 最后是一些我们不应该应用形状组件顶部和底部...截至目前,材料图标有五种不同主题:填充、锐利、圆形、轮廓和双色。Flutter支持填充、圆形、勾勒和锐利风格。

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

再不迁移到Material Design Components 就out啦

、新组件、深色主题和其他令人兴奋功能。...:1.0.0 更改主题 需要将 app 主题修改成 Material Components 主题子类 <style name = "Theme.App" parent = "Theme.AppCompat...建议<em>使用</em> MDC <em>组件</em>来替换AppCompat 或者 MaterialButton (如果有的话)这些<em>组件</em>默认<em>情况下</em><em>使用</em>更新后<em>的</em><em>材料</em>设计指南。...,以<em>使用</em>自定义字体系列,<em>XML</em>或通过Android Studio 下载字体: <!...默认<em>情况下</em>,所有的 MDC 控件都将此可绘制对象当做背景,我们也可以考虑将它用作自定义 View <em>的</em>背景。它可以处理形状<em>主题</em>、阴影、黑色<em>主题</em>等等。 因此。

3.1K30

在Ubuntu 16.04上安装WordPress

WordPress可以部署在LAMP或LEMP堆栈上,并具有广泛插件框架和主题系统,允许网站所有者和开发人员使用其简单但功能强大发布工具。 注意 本教程是为非root用户编写。...单击“ Log In”,输入您凭据并继续执行WordPress仪表板。 默认情况下,WordPress将在您安装新主题或插件时提示您输入FTP凭据。...其他PHP扩展大量存在,并且所需要某些插件功能,php7.0-curl,php7.0-xml,和php7.0-mcrypt。...如果您从Ubuntu存储库安装了PHP 5,请修改命令以使用php前缀而不是php7.0。例如,而不是安装php7.0-gd,使用php-gd。...更多信息 有关此主题其他信息,您可能需要参考以下资源。虽然提供这些是希望它们有用,但请注意,我们无法保证外部托管材料准确性或及时性。

5.1K20

实用微服务

5.png 实用微服务 如今,微服务是软件体系结构领域中最受欢迎热门词汇之一。有许多材料都在介绍微服务基本原理以及它好处,但教你如何在企业场景中使用微服务资料就十分少了。...在这种情况下,异步消息协议(AMQP,STOMP或MQTT)被广泛使用。 消息格式 - JSON,XML,Thrift,ProtoBuf,Avro 决定微服务最适合消息格式是另一个关键因素。...在大多数基于微服务应用程序中,使用简单基于文本消息格式,HTTP资源API风格之上JSON和XML。...对于其他基于HTTP / REST(Thrift)微服务实现,我们可以使用协议级别'接口定义语言(IDL)'(例如:Thrift IDL)。...所以,理想情况下,微服务和其他企业架构概念(集成)混合方法将更加现实。我将在另一篇博文中进一步讨论它们。 希望这可以让你更清楚地了解如何在企业中使用微服务。

3.9K40

在CentOS 7上安装Magento

你需要为PHP和Magento分配最多2GB内存才能使用; 在较小内存Linode上运行Magento可能会导致服务器崩溃或在中到大流量情况下不可靠。...为了进行更多内存密集型Magento设置,我们建议使用high memory Linode。 注意本教程介绍了如何在刚发布时安装最新Magento发行版。...如果您计划使用来自一个较旧版本Magento站点中数据、主题和扩展,请务必检查两个版本之间兼容性问题,因为并非所有内容都可以像在旧版本中那样运行。...请注意,Magento脚本要求您在密码中使用字母和数字字符,如果这样做,则会返回错误。 db-name - 这是您在MySQL中设置数据库名称。...实际上,一些支付供应商(PayPal)需要SSL证书才能用于客户交易。 有关如何在商店中使用SSL证书说明,请参阅有关获取商业签名SSL证书和使用Apache 证书教程。

13.9K60

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

将颜色声明保持为字面值,您就可以自定义应用使用颜色调色板,并在主题背景级别修改它们,这会让 color.xml 较小且易维护。 这种方法额外好处是,布局/样式引用这些颜色时复用性变得更高。...由于主题背景可以被覆盖或者改变,因此这间接表示: 您不需要创建其他布局或样式就可以更改某些颜色——您可以在相同布局中使用不同主题背景。 始终使用? 在某些情况下,您或许不想按照主题背景更改颜色。...例如,在 Material Design 规范文档 中提到,您可能希望在浅色和深色主题中均使用同一类型颜色。 在这种特殊情况下,直接引用颜色资源是再合适不过: <!...,然后使用 ColorStateLists 修改它们 alpha。...强制执行 即使您已经说服自己使用主题背景属性和 ColorStateList,但如何在代码库或者团队中使用呢?您可以在 Code review 期间尝试保持警惕,但它扩展性不是很好。

1.3K20

在CentOS 7上安装Magento(Install Magento on CentOS 7 译文)

你需要为PHP和Magento分配最多2GB内存才能使用; 在较小内存Linode上运行Magento可能会导致服务器崩溃或在中到大流量情况下不可靠。...如果您计划使用来自一个较旧版本Magento站点中数据、主题和扩展,请务必检查两个版本之间兼容性问题,因为并非所有内容都可以像在旧版本中那样运行。...-2.\*.tar.gz user@yourhost:~/ 如果,您正在运行Windows,或者无法使用命令行工具scp,则可以使用FTP客户端Filezilla`。...请注意,Magento脚本要求您在密码中使用字母和数字字符,如果这样做,则会返回错误。 - db-name - 这是您在MySQL中设置数据库名称。...实际上,一些支付供应商(PayPal)需要SSL证书才能用于客户交易。 有关如何在商店中使用SSL证书说明,请参阅有关获取商业签名SSL证书和使用Apache 证书教程。

9.4K50

【Android 性能优化】布局渲染优化 ( 过渡绘制 | 自定义控件过渡绘制 | 布局文件层次深 | GPU 过渡绘制调试工具 | 背景过度绘制 )

| 布局文件 ) ---- Android 中 GPU 过度绘制情况 : 自定义控件 , 布局文件 ; ① 自定义组件 : 在自定义 View 组件中 , 实现 onDraw 方法使用 Canvas...布局层次深 : 在普通布局文件中 , 布局嵌套很多 ; 外层 RelativeLayout , 内层嵌套了 LinearLayout , 在线性布局中又嵌套了 FrameLayout , 布局嵌套会导致很多组件重叠...背景设置 : ① 设置背景 : 设置了背景 , 图片或颜色值 , 绘制增加 1 次 ; ② 透明背景 : 背景透明 , 增加绘制次数 , 绘制增加 0 次 ; ③ 主题背景 : 在主题中设置了背景...( 建议 ) : 在主题中设置 null 元素 , 然后 Activity 使用主题 , 即可避免背景二次重绘... 在 AndroidManifest.xml Activity 标签中设置该主题 , 即可取消该背景 ; <?

2K20

【面试题】412- 35 道必须清楚 React 面试题

主题: React 难度: ⭐⭐ 类组件可以使用其他特性,状态 state 和生命周期钩子。 当组件只是接收 props 渲染到页面时,就是无状态组件,就属于函数组件,也被称为哑组件或展示组件。...在典型数据流中,props 是父子组件交互唯一方式,想要修改组件,需要使用pros重新渲染它。凡事有例外,某些情况下咱们需要在典型数据流外,强制修改子代,这个时候可以使用 Refs。...它们允许在编写类情况下使用state和其他 React 特性。使用 Hooks,可以从组件中提取有状态逻辑,这样就可以独立地测试和重用它。...问题 28:如何在 ReactJS Props上应用验证?...主题: React 难度: ⭐⭐⭐⭐⭐ 纯函数是不依赖并且不会在其作用域之外修改变量状态函数。本质上,纯函数始终在给定相同参数情况下返回相同结果。

4.3K30

AndroidManifest.xml详解

其中许多属性( icon、label、permission、process、taskAffinity 和 allowTaskReparenting)会为组件元素相应属性设置默认值。...在运行时发生配置变更时,默认情况下会关闭 Activity 并将其重启,但使用该属性声明配置将阻止 Activity 重启。...此属性会自动将Activity场景设置为使用主题(请参阅 setTheme()),并且还可引发 Activity启动前“启动”动画(以更加符合 Activity 实际外观)。...如果未设置该属性,则 Activity会继承通过元素 theme 属性为应用所整体设置主题。如果同样未设置该属性,则使用默认系统主题。...在没有子类情况下,Android会使用 Application基类实例。 android:icon 整个应用图标,以及每个应用组件默认图标。

3.4K21

『React Navigation 3x系列教程』createBottomTabNavigator开发指南

path(可选):用来设置支持schema跳转时使用,具体使用会在下文有关Schema章节中讲到; navigationOptions(可选):用以配置全局屏幕导航选项:title、headerRight...BottomTabNavigatorConfig tabBarComponent:指定createBottomTabNavigatorTabBar组件,如果指定在iOS上默认使用TabBarBottom...默认情况下是TouchableWithoutFeedback一个封装,使其其表现与其它可点击组件相同,tabBarButtonComponent: TouchableOpacity 将使用 TouchableOpacity...动态配置createBottomTabNavigator样式:通过官方文档是无法实现动态改变TabNavigator样式,比如:修改显示文字,修改字体颜色,修改图标等等; 多层嵌套后路由个性化定制...TabNavigator时候; 初始化传参:如何在设置页面的时候传递参数呢?

7.1K30

史上最优美的Android原生UI框架XUI使用指南

(必须) 必须设置应用基础主题,否则组件将无法正常使用!...3.为什么我在使用XUI中组件时,会报错说R文件找不到android.content.res.Resources$NotFoundException: File res/drawable/xxxxx.xml...首先,你需要确认是你当前组件所在窗口(Activity)所使用主题是否继承了XUITheme主题,如果没有,请按照接入文档正确接入。...这里需要说明是,XUI不同于其他开源组件库,他是一套统一UI框架,有一套严格统一属性样式标准,其中绝大多数组件和资源都使用了规范化XUI样式主题属性,因此不使用XUITheme将无法正常使用XUI...演示Demo相关问题 1.为什么XUIDemo项目我运行起来? 答:演示Demo程序跑通是肯定没有任何问题。这里推荐使用Android Studio 3.4.1以上版本打开运行。

4.2K20

35 道咱们必须要清楚 React 面试题

主题: React 难度: ⭐⭐ 类组件可以使用其他特性,状态 state 和生命周期钩子。 当组件只是接收 props 渲染到页面时,就是无状态组件,就属于函数组件,也被称为哑组件或展示组件。...在典型数据流中,props 是父子组件交互唯一方式,想要修改组件,需要使用pros重新渲染它。凡事有例外,某些情况下咱们需要在典型数据流外,强制修改子代,这个时候可以使用 Refs。...它们允许在编写类情况下使用state和其他 React 特性。使用 Hooks,可以从组件中提取有状态逻辑,这样就可以独立地测试和重用它。...问题 28:如何在 ReactJS Props上应用验证?...主题: React 难度: ⭐⭐⭐⭐⭐ 纯函数是不依赖并且不会在其作用域之外修改变量状态函数。本质上,纯函数始终在给定相同参数情况下返回相同结果。

2.5K21

Kafka和Redis系统设计

链式拓扑中Kafka主题用于提供可靠,自平衡和可扩展摄取缓冲区。使用一系列Kafka主题来存储中间共享数据作为摄取管道一部分被证明是一种有效模式。...随着时间推移能够发展模式 直接映射到JSON和从JSON 第二阶段:丰富 与远程调用数据库相反,决定使用本地存储来使数据处理器能够查询和修改状态。...自定义富集组件处理来自上游“原始”Kafka主题传入数据,查询其本地存储以丰富它们并将结果写入下游Kafka主题“丰富”以进行验证。...这需要在扩展内存要求情况下实现版本控制。数据集存储在内存中,以避免缓存未命中和访问文件系统。 Redis有序集数据结构用于存储带有分数记录,该分数是数据添加到缓存时时间戳。...在这种情况下,我们有一个分布在多个节点上处理引擎。因此,处理状态在这些节点之间共享。现在所有节点都能够修改相同状态,我们需要确保多个节点不应该最终覆盖彼此更改。

2.5K00

Compose Preview UX 设计之旅

然而,使用 Compose 每一次修改,都必须编译 Kotlin 代码才能反映出变化,这就意味着需要花费时间,从而减慢了迭代和创建过程。...集思构想: 冲刺设计方案 为了探究如何在 Compose 中支持这种开发 UI 代码新模式,我们团队和我们软件工程师、开发者关系工程师和产品管理伙伴一起举办了一个研讨会,以解决一个设计挑战: 我们如何利用开发者对现有工具使用经验来帮助他们创建和掌握...例如,为了解 Compose Preview 使用体验,我们首先列出开发者将会问出问题: 开发者该如何使用 Compose Preview? 在什么情况下,开发者想要预览动态交互效果?...直观设计往往导致在创建 Preview Composable 时,对 Compose 编译器到底支持什么功能而产生误解。...Preview 默认状态 增强编码体验 在调查研究中,开发者问了我们这样几个问题: 如何在浅色和深色主题背景中预览一个布局? 如何利用样本数据预览一个布局?

83630

Dive into Android Custom View

但是假设现在我有这么个需求,我不想每次使用这个组件时候都要去设置它字体颜色、字体大小还有动画时长等参数,我希望它在我设置这些属性值时候就能够很好work,这该怎么办呢?...并不是所有使用自定义View的人都了解你实现,知道如何修改默认值。...只需要定义几种不同style,然后在布局XML文件自定义View中配置当前想要style就行了。这个方案解决了不同页面内有不同默认风格需求,那怎么解决在不同主题下有不同默认风格需求呢?...系统声明可以用来修改Button样式attribute,从下图中可以看出,Android系统中不同Theme下都给Button组件设置了不同style。...但是,其实它们实际常用场景是不同,如果是希望自定义View使用者在不怎么了解内部实现不想要进行特别定制情况下就能够让自定义View很好地work的话,那么实际需要是第四个参数。

47730

「R」Shiny 教程笔记

3 个步骤要点: 要展示对象设置为 output 元素, output$hist。 通过 render* 函数生成要展示元素。 通过 input$xx 使用来自 UI 输入。 ? ? ? ?...需要注意⚠️是,当多个输入在同一个代码块中时,修改一个参数会更新全部参数,在一般情况下没有问题,但如果涉及随机数就会影响整个结果。...p11:使用 isolate() 隔离响应表达式 如何在更新图情况下更新标题呢?这就需要使用 isolate() 了。 isolate() 创建一个非响应对象(看作 R 常规值)。...p14:使用 reactiveValues() 管理状态 input 是无法修改,我们可以通过 reactiveValues() 来生成一个列表,管理响应值状态,包括修改。 ? ? ? ?...tabPanel: 带有独立页面仪表板,一般与其他 panel 组合使用 tabsetPanel。 tabsetPanel: 将多个标签组合为单个仪表板。

6.5K51

2021React UI 库

这些UI框架通过分离重组构成React各个组件,在React中我们只需要引入它们就可以轻松地在代码中使用它们。...MaterialUI 材料设计是谷歌提出一种UI设计指南,MaterialUI实现了材料设计,并且融入了React组件中。...当我们想要使用一些预定义组件时候,我们可以进行预定义配置,并且可以自定义我们主题颜色,MaterialUI基于谷歌材料设计思想,让我们可以轻松地调用各个组件来实现一个个精美的质感设计。...它通过使用称为触发功能行为简单短语来进行操作,组件任何任意决定都包含为开发人员可以修改设置。 此外,它还内置了调试工具,使用它你可以轻松进行bug调试和性能优化。...Chakra UI Chakra UI 所有组件都严格遵循 WAI-ARIA 标准,并且可以轻松地构建新组件,它提供了多种颜色进行优化,使用它你可以很容易构建出浅色主题和深色主题

1.2K20
领券