1. IT宝库
  2. 编程技术问答
  3. material-design
以下是关于 material-design 的编程技术问答
使用Webpack的Bootstrap材料设计
也许是一个真正的新秀WebPack问题，但是我去这里: 想知道(因为我真的没有找到任何直接答案)是否有人可以给我提示如何获得 bootstrap材料设计工作?我得到CSS的东西为我而不是涟漪.JS的东西... 我的WebPack设置，其中的好处: ... plugins: [ new webpack.ProvidePlugin({ $: "jquery", jQuery: "jquery" }) ], module: { loaders: [ { test: /\.js?$/, exclude: /(node_modules|bower_components)/, loader: 'babel' }, { test: /\.css$/, loader: 'style-loader!css-loader' }, { test: /\.eot(\?v=\d+\.\d+\.\d+)?$/, loader: "file" },
0 2023-12-01
编程技术问答社区
TYPESCRIPT/Material Design/Webpack : 找不到模块'@material/base'和通用类型'MDCComponent＜FoundationType＞'需要1个类型参数。
我有一个新问题.我尝试将材料设计(Materiel.io)与Typescript和WebPack一起使用. 首先，我用NPM安装了材料. 然后，在我的一个课程中，我导入 @材料/基础. 'use strict'; import {MDCComponent} from '@material/base'; export default class Component { MDCComponent: MDCComponent; constructor() { this.MDCComponent = undefined; } } 在我的编辑器中，我已经有以下消息: 找不到模块'@材料/base'.ts(2307) 有关信息，我将Visual Studio代码编辑器与ESLINT一起使用.这是我的eslintrc.json配置文件: { "parser": "@typescript-eslint/parser", "parserOptions
0 2023-12-01
编程技术问答社区
图标字体：在我的机器上，一些图标显示为文本，而不是文字。
这是关于我的机器如何看到网络的问题，而不是个人网络项目. 在我的计算机上，一些图标字体显示为文字(图标的名称)，而不是图形图标本身. 环境 MacBook Pro(Retina，13英寸，2015年初) MacOS Sierra 10.12.3 在其最新版本中使用Chrome，Safari和Firefox浏览器进行 也 我使用不错的Internet连接，字体文件未能加载 我不使用代理，也不生活在中国 当禁用所有浏览器扩展时，问题仍然会发生. 编辑:我在浏览器控制台中根本没有错误/警告. 例如，这就是我看到 和任何帮助 解决方案 WebPages OP已显示了使用@font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: local('Material Icons'), local('MaterialIcons-Regula
0 2023-11-30
编程技术问答社区
在Angular2中使用纸质可数据化
我一直为使用纸数据表而挣扎 ( David Mulder 纸数据表)在我的Angular 2应用程序中. 数据表问题中描述了面临的问题: 关于在Angular 2中使用该表的问题开头 基本上，在Angular2中使用它时，聚合物无证属性属性会产生不正确的属性.我尝试了一些解决方案的角度，这些解决方案无法使它们完全工作: 1)我试图找到一种方法来制作一个可以为我包裹桌子的聚合物元素，我试图将其从元素的外部(作为有效的孩子)的外部进行桌子进行防御将其添加到元素本地DOM. DataHost剩余的问题相同，我什至发现David本人过去报告了这个问题(所以我想我的解决方案无法正常工作，因为使David Code失败的原因相同) 关于使用Datahost添加元素的问题 2)在QuesteTion开始时，David建议使用的问题页面上发布的页面.这是由于一个新原因而没有起作用的，它内部的内容甚至都没有放置在DOM中，我认为我可以将其连接到Angular2以他的"方式"读取模板标签并评论它们的
0 2023-11-29
编程技术问答社区
MaterializeCSS卡片设计
我试图使用positalizecss.com在我的个人网站上调整材料设计，但是该框架仅提供了在卡设计之上排除其他图像的选项. 我想在链接[第二行，第二列/最后一个图像]中所示，其中图像坐在主要内容旁边，想知道是否有人可以帮助我，我真的很感谢您为此提供帮助.谢谢！ 卡 解决方案 @vizflux 这是您想要的代码 .card-image { float: left; width: 40%; height: 250px; } .card-image img { height: 100%; } .right-content { width: 60%; float: left; } .card-title { padding-left: 20px; }
0 2023-11-29
编程技术问答社区
Android Wear 2.0风格的开关
我正在为我的Android Wear Watch和Config Activity做一个手表面，我想要开关.该开关看起来像是通常的Android Switch( 解决方案 图2中的开关是 preferenderfragment .../p> 其他解决方案 在最新更新中，我们添加了一种圆形开关样式，该样式应准确地完成您的需求. 请参阅此处: 其他解决方案 您可以使用Widget.Wear.RoundSwitch样式获取圆形开关样式. 这是一个示例:
0 2023-11-29
编程技术问答社区
在Vuetify中是否有特定的数字输入组件？
我已经在元素UI中看到了用于管理项目数量的组件，它在这里: US/组件/输入数 我想在Vuetify中使用类似的内容，但是在材料设计中找不到类似的组件甚至类似的样式示例.实现它的最佳方法是什么? 解决方案 更新:此答案与Vuetify版本1有关>对于vuetify的较新版本是正确的. 将type属性设置为type="number"是要走的方式. 原始: 您可以自己制作: 在 new Vue({ el: '#app', data () { return { foo: 0 } }, methods: { increment () { this.foo = parseInt(this.foo,10) + 1 }, decrement () { this.foo = parseInt(this.foo,10) - 1 } } })
0 2023-11-26
编程技术问答社区
在VueJS中使用材料设计
我正在构建一个带有VUEJS的Web应用程序，并且需要一个CSS框架来设计不是从头开始的东西！ 我找到了材料 - 设计 - 莱特(www.getmdl.io)，但我无法与vue-router一起正常工作. 我的第一页已正确显示，但是当我尝试移动另一页时，我有一个错误: vue.esm.js?65d7:467 DOMException: Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node. 我以为是因为来自Docs的"在动态网站上使用MDL"( https://getmdl.io/started/index.html )，但我无法弄清楚并解决我的问题. 否则，我找不到Vue的示例来解决此问题. 有人知道如何使MDL与Vuejs一起使用? 谢谢 Jules.
2 2023-11-26
编程技术问答社区
使用bootstrap-4的材料设计输入
我正在创建一个Vue WebApp，并使用什么可以是完成此操作的最佳方法? 解决方案 您应该使用您需要的标准引导规则 - 非常简单的过程. 有bootstrap材料，但我认为它是版本3 但是，您可以从这里遵守规则，需要部分需要，然后将其粘贴到您的自定义CSS. 其他解决方案 您可以自定义您想要的Bootstrap资源，这样做可能与2个框架互相打破CSS的框架可能没有不兼容... 您可以尝试获取网格之类的资源...不会破坏材料设计的东西... 我已经做到了.
0 2023-11-26
编程技术问答社区
Flutter： 将简单的对话框转换为滚动时的全屏对话框
我的脑海中有一个UI布局，与Google Maps应用程序中的新菜单/帐户选择器基本相同.这是一个模态对话框，在配置文件按钮的按下弹出，可滚动.滚动时，对话框将动画为全屏幕对话框，反之亦然. 我的目标是使用一种兼容的材料设计的方式，目前只需要在Android上工作. 会做出一些微小的更改，但我的问题是:这是可能的颤动吗?谢谢. 解决方案 作者在这里， 我创建了此菜单，并且代码片段如下: import 'package:flutter/material.dart'; import 'package:flutter_svg/flutter_svg.dart'; import - ANOTHER PACKAGE - import 'package:google_fonts/google_fonts.dart'; import 'package:provider/provider.dart'; import 'package:theme_provider/theme_p
0 2023-11-11
编程技术问答社区
安卓UI材料风格
我的意图是这样做这样的事情: 在两个视图的中间有一个按钮. 我遵循几个说明，但没有成功. 目前，我在XML 中有这个 正如我所说，我尝试得到这样的东西: 我做了很多测试，但无法实现目标. 这是我正在使用的XML:
0 2023-11-11
编程技术问答社区
在安卓系统中设置了背景颜色的色调后，材料按钮下面出现了一个阴影
我正在使用新的材料组件 Materty button 和 MaterialCardView . 在我的项目中，我需要以编程方式更改材料按钮tintBackground. 因此，我使用setBackgroundTintList方法来更改色彩背景颜色. btnOk.setBackgroundTintList(ColorStateList.valueOf(Color.parseColor("#20" + colorAccept))); btnOk.setTextColor(Color.parseColor("#" + colorAccept)); 您可以看到我将透明的颜色设置为材料按钮. 我在Android kitkat 中运行我的应用程序，这没有问题，如您在这张照片中所见. 但是，在Android棉花糖中，材料按钮的外观会发生变化，并在图片下方的材料按钮下方出现阴影. 我尝试了其他一些代码，但它们都无法正常工作. 第一个代码 使用以下代码不会更
2 2023-11-11
编程技术问答社区
警报对话框按钮太近
我看到了带有警报对话框的按钮触摸的东西(它们之间没有空间). 无论使用哪种主题，都会发生这种情况.代码: builder.setTitle(R.string.sign_in_title); builder.setCancelable(false) .setPositiveButton(R.string.sign_in, (dialog, id) -> { //Todo }) .setNegativeButton(R.string.cancel, (dialog, id) -> dialog.cancel()); builder.create().show(); 应用主题继承: 我尝试仅使用alert.dialog构建最低项目设置 有什么想
0 2023-11-11
编程技术问答社区
在Flutter中，中间有文字的水平分隔线？
是否有flutter中内置的小部件来创建一个中间文本的分隔线?关于如何做的指南吗?这样:(水平线中间的"或"文本) 这是我想要实现的屏幕示声 解决方案 您可以尝试使用行 widget. Row( children: [ Expanded( child: Divider() ), Text("OR"), Expanded( child: Divider() ), ] ) 其他解决方案 扩展Jerome的答案 - 这是一个示例，该示例显示了如何将其与其他内容嵌入，并且还有其他Exgeinsets，可以更接近您想要的实际图片: Column(children: [ Row( chi
20 2023-11-11
编程技术问答社区
如何在安卓系统中实现像gmail应用那样的搜索栏？
我正在尝试在我的Android应用程序中实现搜索功能，类似于最新的Gmail应用程序(Action Bar中的搜索图标). 敲击搜索图标时，动作栏变成了一个搜索字段，左侧有一个后部按钮，右侧有一个麦克风按钮.我想在我的应用中具有相同的组件. 是否有任何库或教程? 也有可能支持这种类型的材料设计搜索，以非叶状部版本进行. ? 解决方案 这个库这样做的库，它唯一没有做的就是涟漪，但我希望您可以很容易地用其他资源实现它们: https://github.com/quinny898/persistentsearch 在这里完成的工作图像. 其他解决方案 我不知道Lollipop版本，但是如果您想要这样的搜索，则可以将此" main_activity_actions"添加到您的动作栏中:
4 2023-11-04
编程技术问答社区
如何改变 uinavigationbar title'的位置？
我通过使用自己的NavigationBar设法更改了NavigationBar高度，但标题仍然以中心为中心.我希望它是从左侧处于72px位置. override func sizeThatFits(size: CGSize) -> CGSize { return CGSizeMake(UIScreen.mainScreen().bounds.width, 56) } 我用它来改变高度，但我没有找到改变所有项目位置的方法. 我试图设置框架，但不能.我也无法更改按钮的位置. 我想看起来像这个 解决方案 创建UIView对象添加UIButton和UILabel以显示类似的视图.将此自定义视图添加到导航控制器的左栏按钮项目中. 一个示例屏幕截图可视化自定义视图和相关代码: override func viewDidLoad() { super.viewDidLoad() var customView = UIView(frame: CG
8 2023-11-03
编程技术问答社区
热门专题
微信小程序 flex 布局 左右显示 Qt4.8 交叉编译 电容屏 mplus如何固定残差为0 百度地图 label字体加粗 python改变csv文件的时候汉字发生了变化 java 去掉字符串最后一位 MJSynth单词文本 visual studio2022无法打开包括文件 spring boot long 返回-1 matlab批量读取jpg图片然后修改名称 vsphere client 里上传镜像 winform 把数据传到另一个窗口显示 sql四舍五入保留两位小数 Java 腾讯云实现短信验证码注册 eclipse web 调试 js鼠标移入移出不同属性 php多用户后台管理系统 webpack打包jsx pyqt5 qml交互 三个分类边界中 有一个是直线