草庐IT

Material-Animations

全部标签

android - 带有 EditText Material 设计的工具栏

我正在尝试像这样制作带有EditText的工具栏:现在我可以做一些类似的事情,但只能使用静态标题,有什么开始的想法吗? 最佳答案 我是这样做的,如下所示:顶部有Toolbar作为AppBar(又名ActionBar),下面有第二个工具栏,有两个EditText。第一个工具栏位于CollapsingToolbarLayout下,以防您希望它折叠。Java:publicclassMainActivityextendsAppCompatActivity{Toolbartoolbar;@OverrideprotectedvoidonCrea

Material UI 自定义 (TypeScript)

-组件定制我在这个项目中使用了多种自定义MaterialUI组件的方法:使用内联属性和样式:import{Typography}from"@mui/material";{textDecoration:"line-through"}}>TEXT使用提供对主题和断点的访问的sx属性以及一些简写属性,例如and而不是and : p``m``padding``marginimport{Typography,SxProps,Theme}from"@mui/material";constMyStyles:SxProps=(theme:Theme)=>({mt:7,fontSize:{xs:theme.ty

谷歌 Chrome 浏览器 Material You 设计已广泛推出,增加圆角元素、新的色彩和图标

早在9月,谷歌就宣布了桌面版Chrome浏览器的MaterialYou新设计,现在正在更广泛地推出,现在这一设计已经开始广泛推出。IT之家注意到,上一次Chrome外观改版是在2018年,当时引入了谷歌的MaterialTheme设计语言。这一次为了庆祝该浏览器的15岁生日,Chrome浏览器采用了 Android 和Web 的MaterialYou设计语言,增加了很多圆角元素,比如侧边栏,而标签栏、地址栏和书签栏则变得更高。由于HTTPs的广泛采用,多功能框(输入网址和搜索的地方)不再在最左侧显示锁定图标。取而代之的是一个新的图标,意在强调点击它可以获得各种网站控制和其他信息。其他的变化包括

无法更改Angular Material选择的样式

我一直在尝试在Angular材料的MDSELECT内部的覆盖面板内进行一些样式更改,以更改最大宽度属性(按标准为280px)。我已经尝试了所有内容,例如用“重要”量表覆盖MAT选择式面板类,或使用PanelClassInput(我要通过的类都出现在类属性中,但似乎并没有进行考虑到)。有人遇到了同一问题吗?我该如何解决?谢谢!看答案您可以使用/deep/您父母的CSS中的指示。请参阅此处的文档。如果您想覆盖样式的组件:...您可以放入父母或应用CSS:/deep/.foo{[...]}

mongodb - Angular 5 + Material 设计 : <mat-select> how to set the default value?

{{category.name}}我尝试了很多东西。文档、github上的一些错误报告仍然没有解决我的问题。我只想预设一个默认值...默认值存储在一个名为:resource.categoryName的变量中。这些选项来自mongodb的集合,这些存储在类别[]中。Thispictureshowstheclosedmat-select(nodefaultvalueshown,butitshould...)openedmat-selectHereismy.ts.Theimportantlineis"this.resource.categoryName=this.subdoc['name']

WPF:.Net6框架下,使用Material Design过程中,配色和UI字体模糊的问题

前言有关MaterialDesign的使用方法,请自行参考这个链接WPF使用MaterialDesign下面,直接上我碰到的问题及解决方式问题1:手动配色默认情况下,MaterialDesign是提供了很多主题配色,但难免有些太过“出挑”,不适合工控软件的风格。所以,下面简单介绍一下手动配色的基础方法:先上完整的App.xamlApplicationx:Class="TooksKit.App"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com

nextjs构建服务端渲染,同时使用Material UI进行项目配置

一、创建一个next项目使用create-next-app来启动一个新的Next.js应用,它会自动为你设置好一切运行命令:npxcreate-next-app@latest执行结果如下:  启动项目:pnpmdev执行结果: 启动成功! 二、安装MaterialUI依赖根据MaterialUI官网介绍,截至2021年底,样式组件与服务器渲染的材质UI项目不兼容。这是因为babel-plugin风格的组件不能与@mui包中的styled()实用程序一起工作。有关详细信息,请参阅此GitHub问题。我们强烈建议在SSR项目中使用Emotion。运行命令:pnpmadd@mui/material@

ios - NSFetchedResultsController-controllerDidChangeContent : - Attempt to create two animations for cell with userInfo

当我在我的TabbarController和Viewcontrollers中的两个选项卡之间切换时,这两个选项卡都包含一个NSFetchResultsController。在我的一个ViewController中更新内容时出现以下核心数据错误:CoreData:error:Seriousapplicationerror.AnexceptionwascaughtfromthedelegateofNSFetchedResultsControllerduringacallto-controllerDidChangeContent:.Attempttocreatetwoanimationsfo

iOS SceneKit - 为 Material 透明度添加菲涅耳效果

我有一个描绘人体的几何节点。物体的Material是透明的letnode=newScene.rootNode.childNode(withName:"man_mesh",recursively:true)letnodeMaterial=node?.geometry?.firstMaterialnodeMaterial?.emission.contents=UIColor(red:0.0,green:0.0,blue:1.0,alpha:1.0)nodeMaterial?.transparencyMode=.rgbZeronodeMaterial?.transparent.content

iOS - 如何创建带阴影的 "material design"兼容 UIView?

我想看看是否有办法用ashadowbehaviorcompliantwithmaterialdesign创建一个UIView.我的理解是,随着物体远离背景表面,阴影变得更加强烈。我可以像这样手动添加阴影,但是这个阴影不会计算阴影的强度(基于Z顺序)。button.layer.shadowPath=[UIBezierPathbezierPathWithRoundedRect:button.layer.boundscornerRadius:11].CGPath;button.layer.shadowOpacity=1.0;button.layer.shadowOffset=CGSizeMa