草庐IT

material-design-lite

全部标签

Qt Designer的简单使用

在前面两节的例子中,主界面窗口的尺寸和标签控件显示的矩形区域等,都是用C++代码编写的。窗口和控件的尺寸都是预估的,控件如果多起来,那就不好估计每个控件合适的位置和大小了。用C++代码编写图形界面的问题就是不直观,因此Qt项目开发了专门的可视化图形界面编辑器——QtDesigner(Qt设计师)。通过QtDesigner就可以很方便地创建图形界面文件*.ui,然后将ui文件应用到源代码里面,做到“所见即所得”,大大方便了图形界面的设计。本节就演示一下QtDesigner的简单使用,学习拖拽控件和设置控件属性,并将ui文件应用到Qt程序代码里。使用QtDesigner设计界面在开始菜单中找到「Q

javascript - Material-ui:如何停止在嵌套组件中传播点击事件

我在Paper组件中有一个IconMenu组件。我想防止在内部组件(IconMenu)上传播点击事件。这就是我想出的,没有明显的结果(我也尝试用onTouchTap,onMouseUp替换onClick具有相同的效果):_iconMenuClick方法是从来没有打电话。render(){return({menuItems});}_iconMenuClick(event){MenuItem.onClick(event);event.stopPropagation();} 最佳答案 除了使用event.stopPropagation()

javascript - Material 谷歌折线图中的对数刻度

我无法为我的MaterialGoogle折线图创建对数垂直轴。文档指出我应该在选项中将vAxis.logScale设置为true,但这不会导致任何结果。目前我的测试是:google.charts.load("current",{"packages":["line","corechart"]});google.charts.setOnLoadCallback(function(){vardata=newgoogle.visualization.DataTable();data.addColumn("date","Date");data.addColumn("number","1");da

javascript - 类型 'ReactType' 不是通用的 (material-ui@next)

我安装了Materialui@next,但我在Node模块中遇到了这个错误。[at-loader]中的错误./node_modules/material-ui/Avatar/Avatar.d.ts:8:1511:31:52web.1|TS2315:类型“ReactType”不是通用的。11:31:52web.1|[at-loader]中的错误./node_modules/material-ui/Button/Button.d.ts:7:1511:31:52web.1|TS2315:类型“ReactType”不是通用的。11:31:52web.1|[at-loader]中的错误./nod

javascript - 如何将 material-ui Grid 组织成行?

我正在使用ma​​terial-ui做一个表单,使用Grid系统我想做以下事情:并且能够将前两项放在第一行,将第三项放在第二行,我发现这样做的唯一方法是:将ma​​terial-uiGrid堆叠成行的更好方法是什么(就像Bootstrapgrid中的行类概念)?我也考虑过这些选项:用空的Grid项目填充第一行?放立式容器? 最佳答案 您已接近第二个代码块。我发现您可以简单地创建2个不同的网格部分,例如:Gridcell1,1Gridcell2,1Gridcell1,2Gridcell2,2您可以在我的sandbox中使用它检查off

javascript - 更改 Material UI 不确定复选框的颜色

我很难为我的复选框的不确定状态应用颜色。完全选中时,复选框会正确显示为辅助颜色。关于我在针对不确定状态并更改其颜色方面做错了什么有什么建议吗?conststyles={root:{'&$indeterminate':{color:'red',},},indeterminate:{},};...{hasChildren?:null}我是根据这里的文档这样做的:https://material-ui.com/customization/overrides/#overriding-with-classes感谢您的帮助! 最佳答案 我找到了

javascript - 来自 React Material UI MenuItem 单击事件的 setState

我正在尝试使用MaterialUI根据下拉选择更改状态。问题是下面的代码(精简)返回列表项,所以我不知道下一步该做什么。从handleClose方法中的console.log(event.target)返回精简组件:事件从API调用中获取。感谢您的任何想法。importReact,{Component}from"react";importButtonfrom"@material-ui/core/Button";importMenufrom"@material-ui/core/Menu";importMenuItemfrom"@material-ui/core/MenuItem";cla

javascript - 在 Material ui的日期选择器中更改格式日期

我使用具有redux形式的material-uidatepicker组件。我在这里遇到了一个小问题,这看起来很神奇。当我更改日期时,它在我的输入字段中显示为yyyy-mm-dd。我想更改它以显示为dd-mm-yyyy。日期选择器有一个名为formatDate的属性,它接受一个函数作为输入。所以我写道:moment().format(DD-MM-YYYY)}/>但是好像不行。你有什么想法吗? 最佳答案 根据DOC:formatDate====>function====>Thisfunctioniscalledtoformattheda

javascript - material-ui 中的 <Fade> 只是禁用组件的可见性。如何获得淡入淡出效果并真正隐藏组件?

我正在使用来自material-ui的material-ui组件.}label="StartValue">我想在组件淡出时完全隐藏元素Grid但它只会禁用组件的可见性并在DOM中占用相同的空间(看起来是空的)。我如何使元素在淡出后隐藏使用 最佳答案 ...http://reactcommunity.org/react-transition-group/transition#Transition-prop-unmountOnExit默认情况下,子组件在达到“退出”状态后会保持挂载状态。如果您希望在组件退出后卸载它,请设置unmount

javascript - 如何更改 Material-UI 的 Toggle 的颜色

SoIputmyTogglebuttoninmyAppBar,whichcreatedanissuebecausetheyarethesamecolorwhentheToggleisselected.我尝试了很多不同的东西(如下所示),但一直无法改变它的颜色。importReactfrom'react';importTogglefrom'material-ui/Toggle'importDrawerfrom'material-ui/Drawer';importAppBarfrom'material-ui/AppBar';importMenuItemfrom'material-ui/Me