带CDN的Material.io
是一个提供设计资源和工具的网站，它为开发人员和设计师提供了丰富的界面设计元素、图标、颜色和样式等资源，以帮助他们创建出现代化的用户界面。
CDN（内容分发网络）是一种分布式网络架构，通过将内容存储在全球各地的服务器上，以最近距离的方式将内容传递给用户，从而提供更快的加载速度和更好的用户体验。带CDN的Material.io利用CDN技术，将其设计资源和工具分发到全球各地的服务器上，以确保用户可以快速访问和下载所需的资源。
带CDN的Material.io的优势包括：
- 丰富的设计资源：带CDN的Material.io提供了大量的界面设计元素、图标、颜色和样式等资源，可以帮助开发人员和设计师快速构建现代化的用户界面。
- 快速加载速度：通过利用CDN技术，带CDN的Material.io将其资源分发到全球各地的服务器上，用户可以从最近的服务器获取资源，从而实现更快的加载速度。
- 全球覆盖：带CDN的Material.io的资源分布在全球各地的服务器上，可以为全球范围内的用户提供快速的访问和下载体验。
带CDN的Material.io适用于各种应用场景，包括但不限于：
- 网站开发：开发人员可以使用带CDN的Material.io提供的设计资源，快速构建出现代化的网站界面。
- 移动应用开发：带CDN的Material.io提供了丰富的图标和样式资源，可以帮助开发人员创建符合Material Design风格的移动应用界面。
- 用户界面设计：设计师可以利用带CDN的Material.io提供的颜色、样式和图标等资源，设计出具有现代感和一致性的用户界面。
腾讯云相关产品和产品介绍链接地址：
腾讯云提供了一系列与云计算相关的产品和服务，其中与CDN相关的产品是腾讯云CDN。腾讯云CDN是一种内容分发网络服务，通过将内容缓存到全球各地的边缘节点上，提供快速的内容传输和加速，以提高用户访问网站和应用的体验。
腾讯云CDN产品介绍链接地址：https://cloud.tencent.com/product/cdn
相关·内容
我们正在开发一个ASP MVC Web项目。该团队正在从谷歌材料IO中提取图标，并将其转换为Png文件(进行自定义)。这有什么影响吗？我们从CDN访问项目，现在必须从服务器调用内部库(这可能会更慢)。 另外，我认为SVG是最好的选择。这样做有什么负面的后果吗，或者没有什么好担心的？ 如果我们自定义SVG并将其重新保存为新的SVG会怎么样？这会为库缓解任何问题吗？ https://material.io/tools/icons/
浏览 25提问于2019-06-27得票数 0
1回答
我正在尝试在JavaScript页面中使用折叠框，但是从文档中我无法理解HTML组件是如何与Js交互的。 理想情况下，我希望通过只包含DOM和JS来向我的HTML页面添加模式抽屉，而不使用任何外部web框架。 我正在查看这个文档：https://material.io/develop/web/components/drawers/ 如果有人知道如何隐藏/显示按钮。 谢谢
浏览 16提问于2020-04-24得票数 0
回答已采纳
material.io和Polymer.js之间的关系是什么？聚合物和纸组件数据库似乎已经实现了material.io项目提供的所有内容(基于材料设计的web组件)。
浏览 3提问于2017-12-19得票数 4
回答已采纳
1回答
所以我正在尝试找出如何使用Material.io作为我正在做的一些web应用实验的前端，但我只是想利用CDN来做这件事，而不是npm。我在某种程度上遵循了这里的示例：<code>C0</code>，但它假定使用npm。现在，我已经导入了CSS和JS的材料组件，并且我有一个基本的登录表单，带有一些样式，但是我不知道如何让JavaScript正确运行并产生表单框动画，如这里的示例：<code>C1</code>所示。
HTML：
<code>A2</code>
CSS：
<code>A3</code>
浏览 19提问于2020-06-09得票数 3
我正在使用material.io的草图插件和主题的变体“半周”。除了在React中手工编码所有的设计之外，有没有直接导出组件的方法？
material-ui不继承Material.io的任何主题
浏览 3提问于2018-07-18得票数 0
1回答
我试图在visual 2003的.net 1.1项目中添加一个引导模板，但我对visual studio如何编译.js和调用css感到有点困惑。
浏览 6提问于2022-02-22得票数 -1
在material.io，他们有一张标准的素材卡：https://material.io/design/components/cards.html#anatomy ? ? 我想知道你将如何在flutter中实现这一点，以及/或者是否有一些抽象可以用来使卡片看起来像这样。谢谢!
浏览 19提问于2019-04-30得票数 0
回答已采纳
我现有的开发网站图片网址是http://domain.com/assets/
目前我们希望使用带拉取的CDN
我的CDN镜像地址是http://cdn.cdndomain.com/
如何在我现有的站点上使用cdn。我们不想更改现有的html图像路径。如何使用.htaccess重写
浏览 1提问于2011-05-09得票数 2
1回答
我正在为一个web项目实现Material.io，并希望使Material.io使用的类名更多地与项目相关。目前'mdc-‘是预先向每个类，我希望这是一个更多的定制项目。(下面添加了简单的代码比较)。
接受这个Material.io的默认输出：
<button class="mdc-button">
<div class="mdc-button__ripple"></div>
<span class="mdc-button__label">Button</span>
&l
浏览 2提问于2020-01-13得票数 0
1回答
根据最新的maven ，最新的material.io版本是：com.google.android.material.material-1.4.0-beta01
我确实进口了：
implementation 'com.google.android.material:material:1.4.0-beta01'
根据，列表视图已经在material.io中可用。
然而，根据我的XML，没有.lists.类，这怎么可能呢？我漏掉了进口品吗？
浏览 2提问于2021-05-09得票数 0
回答已采纳
1回答
使用按钮从react应用程序启动node.js脚本的最简单方法是什么？
我有一个简单的应用程序，有两个按钮-使用Material.io
export default function ButtonsMenu() {
const classes = useStyles();
return (
<Grid>
<Grid item xs={12}>
<Paper style={styles.Paper}>
<Button onClick={activeLight
浏览 22提问于2019-11-17得票数 0
我想使用引导通过包括CDN。根据这些文件，有三个：
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.
浏览 4提问于2015-03-20得票数 0
回答已采纳
我希望加载带有本地回退的CDN版本的foundation.min.js。问题是：如何检测是否加载了foundation.js？
我看到它完成了与jQuery，现代化，靴带..。但我找不到基金会的密码。除了“window.Foundation”部分外，它应该是这样的：
<!-- jsDelivr CDN -->
<script src="//cdn.jsdelivr.net/foundation/4.3.1/js/foundation.min.js"></script>
<!-- Fallback to local -->
<
浏览 3提问于2013-08-10得票数 3
回答已采纳
1回答
引导在CDN中分布。
是否有可能用Require.JS 2.x (微光的或本地的)加载引导？
如何使用Require.js直接从CDN加载引导带或任何缩小的JS
浏览 7提问于2012-11-20得票数 53
回答已采纳
您将这种类型的通知称为什么？ ? 我查了安卓文档，Material.io，但我找不到它。
浏览 14提问于2021-09-22得票数 0
回答已采纳
3回答
如果我不使用引导带jQuery附带的v4瘦包，而不是使用jQuery上可用的Jquery主机CDN，会发生什么情况。我搜索它，我知道这两者之间有一个区别，因为苗条版本没有像ajax或动画这样的各种功能。它是否影响我的网站上，如果我删除苗条的jQuery包，与引导v4附带。
我只是个初学者，不像其他人那样是专业人士，但我想用Ajax在页面上添加一些功能。我在网上花了几个小时，尝试了很多密码，但都没有用。最后，我删除了一个接一个的引导脚本，我发现有一些与jQuery的CDN链接。当我使用google主机jQuery CDN时，代码可以工作，但不适用于瘦引导jQuery。
如果我删除带有v4引导带的
浏览 4提问于2017-10-28得票数 4
回答已采纳
Material.io有一个很棒的工具，叫做材质调色板生成器：https://material.io/design/color/#tools-for-picking-colors。使用它，你可以选择一种主色和二次色，然后点击一个链接“用颜色查看工具”，它会带你到一个页面，在那里你可以用不同的方式查看你的选择：https://material.io/resources/color/#!/?view.left=0&view.right=0&primary.color=6002ee&secondary.color=c63131。 但是似乎没有一种简单的方法可以将您的调色板导
浏览 14提问于2020-01-23得票数 2
回答已采纳
我试图在android studio中添加一个透明背景的图片到一个新的空项目中，但是当我添加它时，它总是给我一个透明背景作为背景 Here's the image I'm trying to add Here's what keeps happening 我尝试了许多其他图像，但同样的事情不断发生，我在网上查找，但我找到的只是如何使图像本身透明或半透明，而不是背景 如果有帮助，下面是xml文件中的代码 <?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmln
浏览 20提问于2020-09-01得票数 0
1回答
我有一些MVC4网站，分享一些相同的图像/视频/ pdfs等。他们是保密的:那就是只有授权用户才能访问它们。目前，我只是将内容放在其中一个web应用程序下的文件夹中，然后我在其他web应用程序中创建了一个指向该文件夹的符号链接，以便它们共享该目录。我不想这样做，因为这会使测试和部署变得复杂，而更愿意使用CDN类型的网站来为其提供服务。这里的最佳实践是什么？
浏览 1提问于2013-05-29得票数 0
是否可以从material库中删除BottomNavigationView中的图标填充和垂直居中文本(或者至少在没有标题剪切的情况下更改导航栏的高度)？想要达到像this一样的效果。谢谢!
浏览 33提问于2021-03-30得票数 1
回答已采纳
创建海外cdn，源站是cos。浏览器访问会直接下载，页面上引用cdn上的css文件，不生效
配置了header：Content-Disposition为inline;filename=FileName.txt
为什么访问页面没生效，访问资源，content-disposition的值还是带attachment的
[附加信息]
浏览 1316提问于2018-10-24
如何在NavigationView中更改字幕textAppearance？对于NavigationView材质组件。这里是文档：https://material.io/components/navigation-drawer/android#anatomy我认为没有办法改变它，但让我们试一试。
浏览 23提问于2021-02-05得票数 0
回答已采纳
2回答
我有一个使用Material UI的React应用程序。这个应用程序在很多地方实现了滑块组件(https://material.io/components/sliders)。使用触摸屏设备时，当我尝试向上或向下滚动页面时，无意中影响了滑块组件(值正在更改)。这不会发生在其他页面组件上，我怀疑这是因为滑块确实(也应该)响应卷帘事件。 Material UI的文档暗示了一种区分“滚动”和“滑动”(https://material.io/design/interaction/gestures.html#types-of-gestures)的方法。有没有办法让我的滑块组件知道"scroll“
浏览 42提问于2020-11-11得票数 15
回答已采纳
1回答
我有一个带插件的引导带4和两个按钮：
<div>
<button id="disableButtonId">Disable selectpicker<button/>
<button id="enableButtonId">Enable selectpicker<button/>
<select id="selectpickerId" class="selectpicker" multiple title="Select option
浏览 3提问于2021-04-27得票数 1
回答已采纳
如何在android中对这些新材料设计文本字段进行编码？ EditText看起来不是那样的，对吧？ https://material.io/design/components/text-fields.html#anatomy ? 谢谢你的帮助!
浏览 10提问于2019-02-18得票数 0
回答已采纳
我从google Material.io下载了一个图标。当我试图在集成项目之后构建项目时，我遇到了一个错误：Can't process attribute android:fillColor="@android:color/white"
这是一个截图：
浏览 0提问于2018-07-13得票数 28
回答已采纳
安卓，布局，卡片，按钮
在所示的图像中，每个设备的大小、分辨率或方向都有不同的剩余空间。
如何以编程方式确定剩余的空间？是否有一个xml值，可以添加到视图(此处按钮)以关闭可见性，如果剩余的空间太小，视图(此处按钮)才能适应?
(我知道，从material.io的角度来看，卡的底部不应该有两个以上的按钮，在这种情况下，卡的宽度可能太窄，以至于"v多“按钮也不合适。然后我希望"v更多“按钮消失，当单击右边的溢出图标按钮时，我可以将其显示为弹出菜单中的菜单项。
我还知道，外观上的建议是在卡片中使用菜单线，我不喜欢这样做，按照material.io标准，这是不太好的做法。)
浏览 3提问于2020-03-21得票数 1
3回答
在 of Material.io网站上，他们显示了下面的双拇指滑块，但我找不到如何启用它，也没有真正找到任何文档。它可以用于android组件吗？
浏览 4提问于2019-11-23得票数 8
回答已采纳
1回答
CodePen和Bootstrap 4有问题，不会呈现一个简单的按钮，但是网格运行得很好：
<button type="button" class="btn btn-primary">Primary</button>
有什么帮助吗？
浏览 1提问于2017-11-14得票数 0
回答已采纳
我想实现material.io页面中显示的那种行为：
文本在第一次显示时会做一个很好的过渡。
我怎么才能在Flutter中做到这一点呢？
浏览 0提问于2018-10-25得票数 17
回答已采纳
我试图创建一个互动的信息，谷歌Hangout聊天规范，但我的按钮的文本总是大写全字母。怎样才能只显示大写字母的第一个字母？
"buttons": [
{
"textButton": {
"text": "Login",
"onClick": {
"action": {
"actionMethodName": "loginMethod",
"parameters"
浏览 3提问于2019-10-15得票数 2
回答已采纳
我是ReactNative新手，不知道里面没有Android BottomNavigation。 ? (图片来源：https://material.io/components/bottom-navigation/) 这样做的原因是什么?获得它的最佳实践方法是什么？(使用和不使用expo)
浏览 10提问于2019-12-29得票数 1
如何使用AngularDart 5和angular_components更改web应用程序的材质配色方案？
我不想为每个组件的每个属性定义颜色，而是使用颜色工具或material.io提供的方案。
浏览 0提问于2018-05-02得票数 3
2回答
是否有任何演示或示例可以在Material.IO文档中显示滑动行为？
我找不到真正的感动感和制作彩色动画的方法。基本上我不知道怎么做这个例子。
谢谢!
浏览 2提问于2020-04-21得票数 0
回答已采纳
我没有使用过jQuery，extjs，除了WinJS (带angular-winjs的mb)之外的其他UI。我的意思是，我需要关于如何不在应用程序中使用winjs (例如windows store app)而是在使用winjs的常规跨平台站点中使用winjs的说明。
浏览 1提问于2016-05-20得票数 0
2回答
我正在尝试在材料文本字段的开头插入一个图标。我在Material.io的文档中也找不到任何合适的东西。 这就是我正在努力实现的目标。 ?
浏览 1提问于2019-10-07得票数 3
回答已采纳
我如何使抽屉从屏幕顶部出现在android系统中？
我可以在material.io上找到任何消息
此解决方案用于android铬应用程序。
看起来是这样的：
在第二步：
浏览 1提问于2021-12-16得票数 1
2回答
我不确定我是不是漏了什么东西。我为一个新的设计思想创建了一个HTML、CSS和JS文件，并希望在其中包含引导4。
文件夹模板如下所示：
- projectFolder
- index.html
- css
-- styles.css
- js
-- main.js
- img
我在标题中添加了所需的链接：
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" in
浏览 3提问于2019-11-28得票数 1
我正在尝试引导7.x-3.6主题。
但由于某种原因次主题不起作用。我确实遵循了在Drupal文档页面7上描述的相同的过程。
我在这里描述，我所做的，
1.在本地主机上安装了新鲜的drupal 7.50。
2.默认情况下，已加载并已启用但未启用的引导式7.x-3.6。
3.副标题:我从starterkits中复制了sass文件夹。粘贴在/theme文件夹中，用mysubtheme重命名。用sass.starterkit重命名文件名mysubtheme.info。在内部，这改变了'name'。
📷
/theme文件夹
的最终图像
📷
4.下载引导带:从这里下载的引导文件，
浏览 0提问于2016-08-14得票数 0
我正在使用来自material.io的material.io。当日期被选中时，我能够创建日期选择器并添加一个函数addOnPositiveButtonClickListener。在这个函数中，我想要做的是从datepicker中获取日期和日期。
但是onPositiveButtonClick只有一个参数selection，它是一个对象，在使用tostring或调试对它进行记录时，我可以看到selection对象是一对带有2个数字的对象。我认为这是从日期到日期的时间戳。但是，我无法使用selection对单独获得这些值。
dateRangePicker.addOnPositiveButtonCl
浏览 3提问于2022-06-24得票数 1
1回答
我试图使用燃料UX向导控制，连同引导带。但是，由于我使用的也是引导程序的数据报警器，因此在使用来自一个库和另一个库的数据报童时似乎存在冲突，因为这两个库都用$.fn.datepicker定义了数据报童jQuery插件的相同名称。
对我来说，一个显而易见的解决方案是只启用我真正需要使用的燃料UX控件。燃料UX文档指出，实际上可以像这里所解释的那样实现这一点，但是，从燃料UX 3.0版本开始，单个.js文件似乎不再包含在发行版中，因此加载单个燃料UX控件的方法不能像预期的那样工作，因为我们从他们的CDN服务器获得了404响应。
对如何在这里找到解决办法有什么想法吗？
浏览 1提问于2015-08-31得票数 0
回答已采纳
我看过两种关于反应的教程--靴带。
有时，教程展示了如何用React-Bootstrap和引导安装npm install react-bootstrap bootstrap，然后在index.html中添加用于引导的CDN链接。
然后在其他教程中，它只是npm install react-bootstrap + CDN，用于index.html中的Bootstrap
例如，名为Brice的Youtuber有一段视频：，
在那里，他制作一个网站反应，反应-引导，反应-路由器和样式-组件。
在视频中，他同时安装了React-Bootstrap和Bootstrap，然后添加了CDN链接。
在Re
浏览 2提问于2020-02-13得票数 0
回答已采纳
2回答
大约两年前(2017年)，我们决定使用材料设计图标，这里有：
不幸的是，这种回购不再得到任何更新。最后一次提交日期是2018年1月。
有几个叉子，但AFAIK没有得到“流行效应”。
我在哪里可以得到支持的材料设计图标？
浏览 0提问于2019-07-31得票数 1
回答已采纳
当使用材料日期范围选择器时，我只能得到开始日期和结束日期，是否可以在开始日期和结束日期之间获得日期？如果可能的话，我怎样才能做到呢？
我看过material.io的文档，
浏览 1提问于2021-04-20得票数 0
回答已采纳
1回答
减小高度材质文本字段
、、、
我使用的是材料设计，并且完全按照文档页面(https://material.io/develop/web/components/input-controls/text-field/)中的说明导入了文本字段。所以，没有角度或反作用。我不明白如何减少输入域的高度，因为所有的在线解决方案都使用Angular或React
浏览 33提问于2019-09-23得票数 3
2回答
我用引导带做图像传送带。我在旋转木马中有一个图像，但是图像没有显示(它的大小被设置为0x0，而当使用工具时，自然大小是正确的)。
.imageSection {
position: relative;
display: inline-block;
margin:0 auto;
background: red;
padding: 0px;
}
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet
浏览 3提问于2017-05-07得票数 0
回答已采纳
3回答
我有点搞不懂定制的引导插件是如何工作的，以及它们是否/如何与传统的CDN一起工作。
在线调整自定义？
如果我正确地理解了引导程序3的文档，定制您的引导程序外观的标准方法是转到，更改变量，然后将生成的/自定义的版本下载到您的机器上。
但是，我如何知道我是否会喜欢我所做的改变，直到我真正看到它付诸行动为止？如果无法将我的更改应用于某种“在线展示”，我将不得不：
做出改变(每个周期需要20到30分钟)
单击“编译和下载”按钮。
下载并解压自定义版本
把它放到我自己的应用程序中，等待看到我不喜欢的东西；当这种情况发生时，从上面的第1步开始，冲洗并重复
这是一个昂贵的开发/测
浏览 11提问于2014-10-20得票数 4
回答已采纳
1回答
我想根据https://material.io/components/selection-controls#checkboxes中给出的材料设计指南，在安卓中创建Checkbox的父子关系。 我想要一个父复选框，在它下面将有子复选框，当选中父复选框时，所有的子复选框都会被选中。 如果父复选框未选中，则所有子复选框都将被取消选中。 如果选中了某些(但不是全部)子复选框，则父复选框将变为不确定复选框。 我查看了开发人员文档https://developer.android.com/guide/topics/ui/controls/checkbox，但没有关于这方面的信息。 此外，我查看了材料设计
浏览 13提问于2020-06-11得票数 1
1回答
我有一个问题，引导5肚脐切换。它不是在切换。与引导程序4完全相同的代码可以正常工作。
我已经尝试过一些例子，从按钮中删除navbar-toggler类，从导航栏中删除navbar-collapse类，但是它没有起作用。
解决方法是将onclick元素添加到一个指向javascript的按钮中，该按钮将向navbar添加show类，但我需要找出本机方法不能工作的原因。
在运行在Fedora上的Firefox和在Android 11手机上运行的Chrome上尝试过。
引导5示例(不起作用)：
<!doctype html>
<html lang="sr">
浏览 8提问于2022-10-13得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
