material-design 相关问题

我找到了几个答案来制作一个用材质 ShapeableImageView 圈出的视图，如下面的代码所示。答案1 <p>我找到了几个答案来制作一个用材质 ShapeableImageView 圈出的视图，如下面的代码。</p> <p><a href="https://howtodoandroid.com/shapeableimageview-material-components-android" rel="nofollow noreferrer">答案1</a></p> <pre><code><style name="ShapeAppearanceOverlay.App.CornerSize50Percent" parent=""> <item name="cornerSize">50%</item> </style> </code></pre> <p><a href="https://stackoverflow.com/questions/66624415/shapeableimageview-doesnt-round-corners">回答2</a></p> <pre><code><style name="ShapeAppearanceOverlay.App.circleImageView" parent=""> <item name="cornerFamily">cut</item> <item name="cornerSize">50%</item> </style> </code></pre> <p><a href="https://stackoverflow.com/a/61986850/13892944">答案3</a></p> <pre><code><style name="roundedImageViewRounded"> <item name="cornerFamily">rounded</item> <item name="cornerSize">50%</item> </style> </code></pre> <p>然后，该类型的样式就被Material ShapeableImageView中的这个属性引用了</p> <blockquote> <p>app:shapeAppearanceOverlay="@style/correspondingStyleName"</p> </blockquote> <p>我应用了这些并且一切正常（除了答案2中的那个，因为它的cornerFamily是切割的而不是圆形的）。我的观点是一切正常。然而，要使用其中的最佳实践，我想知道一些事情。</p> <ol> <li>为什么 ShapeableImageView 具有 <pre><code>app:shapeAppearanceOverlay</code></pre> 属性并引用样式，而不仅仅是具有 <pre><code>cornerFamily</code></pre>、<pre><code>cornerSize</code></pre> 属性？（如果不继承任何东西，那么使用 <pre><code>app:shapeAppearanceOverlay</code></pre> 属性有什么意义？）</li> <li>为什么这些样式要么继承空父级，要么什么都不继承？</li> <li>在哪里可以找到 ShapeableImageView 的示例代码？我试图在 Material Design github 页面上找到它，就像如何使用 <a href="https://github.com/material-components/material-components-android/blob/master/docs/components/Button.md" rel="nofollow noreferrer">material Button</a> 一样，但我找不到它。</li> </ol> <p>提前致谢。</p> </question> <answer tick="false" vote="0"> <p>它已经写在 Android GitHub 页面的 Material Components 上，可以在<a href="https://github.com/material-components/material-components-android/blob/master/docs/theming/Shape.md" rel="nofollow noreferrer">这里</a>获取。</p> </answer> </body></html>

android material-design

回答 0 投票 0

为什么已弃用的基于高度的色调叠加仍然出现在 Material Design 3 组件规格页面中？

我使用--md-sys-color-surface-container-low作为我的卡片表面颜色，然后我参考了Material 3的卡片组件规格页面，它说其中一个规格是高架卡片容器表面。 ..

android material-design material3

回答 1 投票 0

使用带有 Compose Navigation 的嵌套脚手架时，TopAppBar 具有未知的填充

我在应用程序的根级别有一个脚手架，我在其中托管导航。这个脚手架没有顶部应用栏，只包含一个 FAB。然后，在其中一个目的地，我使用另一个脚手架

android android-jetpack-compose material-design material3

回答 1 投票 0

如何在使用react typescript + vite的代码中使用web Material 3组件

是否可以在React TypeScript + Vite中使用Web Material 3 Google组件？我尝试按如下方式使用它导入“@material/web/checkbox/checkbox.js”；函数应用程序（）{ 返回（是否可以在React TypeScript + Vite中使用Web Material 3 Google组件？我尝试如下使用它 import '@material/web/checkbox/checkbox.js'; function App() { return ( <div style={{ padding: 16 }}> <h1>Checkbox com Material Web 3 no React</h1> <md-checkbox id="checkbox1">Checkbox Material 3</md-checkbox> </div> ); } export default App; 我收到错误 Property 'md-checkbox' does not exist on type 'JSX.IntrinsicElements' 可以使用react typescript + vite吗？您可以通过将 Material 组件作为字符串传递到您的 React 应用程序来实现它，但您应该担心它会引起一些安全问题。这是示例代码： import "@material/web/button/filled-button.js"; import "@material/web/button/outlined-button.js"; import "@material/web/checkbox/checkbox.js"; function App() { return ( <div> <div dangerouslySetInnerHTML={{ __html: `<label> Material 3 <md-checkbox checked></md-checkbox> </label> <md-outlined-button>Back</md-outlined-button> <md-filled-button>Next</md-filled-button>`, }} /> </div> ); } export default App;

html reactjs typescript material-design vite

回答 1 投票 0

如何更改垫扩展面板的图标/切换颜色？

我已经尝试过使用： .mat-扩展-面板-标题{ 颜色：#fff； } .mat-expansion-panel-header::after{ 颜色：#fff； } .mat-扩展面板{ 颜色：#fff； } .mat-expansion-panel::after{ 颜色：...

css angular ionic-framework angular-material material-design

回答 3 投票 0

自定义材质主题没有--mat和--mdc颜色变量集

我已经将我的项目从 Angular 材质 2 更新为 Angular 材质 3，并使用最后一次更新（18.2.1），为什么组件的所有变量都没有设置？主题类由“nggenerate@an...

angular angular-material material-design material3

回答 1 投票 0

如何在 Angular Material 18+ 中处理高程？

根据材质3规范，不同的高度应该通过颜色而不是阴影来处理。然而，在我的 Angular Material 18 项目中，所有背景似乎都相同