如何使元素在材质Ui网格内居中
在材质UI网格内使元素居中可以通过以下步骤实现：
- 确定材质UI网格的大小和位置。材质UI网格是一个矩形区域，可以通过设置宽度和高度来确定大小，并通过设置位置属性来确定在屏幕上的位置。
- 确定要居中的元素的大小。元素可以是文本、图像或其他UI组件。通过设置元素的宽度和高度来确定大小。
- 计算元素在材质UI网格内的位置。可以使用以下公式计算元素的位置： 元素的X坐标 = (材质UI网格的宽度 - 元素的宽度) / 2 元素的Y坐标 = (材质UI网格的高度 - 元素的高度) / 2
- 将计算得到的位置应用到元素上。根据计算得到的X和Y坐标，将元素移动到材质UI网格内的居中位置。
举例来说，假设材质UI网格的宽度为400像素，高度为300像素，要居中的元素的宽度为200像素，高度为100像素。根据上述公式计算，元素的X坐标为(400 - 200) / 2 = 100像素，Y坐标为(300 - 100) / 2 = 100像素。因此，将元素移动到坐标(100, 100)的位置，即可使其在材质UI网格内居中。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云材质UI：https://cloud.tencent.com/product/tmui
相关·内容
4回答
创建特定维度的标签云
css、fonts、tags
大家好，
我想在一个盒子里创建一个HTML标签云，它的宽度和高度是绝对确定的。
我希望文本最有效地适合其中的内容--因此，如果文本只有一个单词，那么这个单词就会很大，并填满整个框的宽度(以及尽可能多的高度)。如果有四个单词，它们会按比例占用较少的空间，但仍然会尽可能多地填满方框。
连字符不是必需的；但是，有必要将较长的字符串拆分成单独的行。例如，如果有很多单词，那么使用几行大小相等的行将比使用一行长的行(字体较小)更有效率。
这很棘手，因为我不知道HTML显示字符串时的像素大小。有人能帮我做计算吗？(来自HTML/CSS的已知值是:框宽x、框高y、字体大小f、字体行高l、字体字母间距s和字体系
浏览 0提问于2009-12-15得票数 2
1回答
检测网格中的正方形是否在菱形内
c++、vector、coordinates、grid
所以我有一个游戏，基本上所有的东西都是在一个大网格内的一个正方形。很容易检查一个正方形是否在一个中心是另一个正方形的盒子里：
*** x
*o* --> x is not in o's square
***
**x
*o* --> x IS in o's square
***
这可以通过简单地减去o和x的坐标，然后取其中的最大坐标，并将其与半边长度进行比较。
现在我想做同样的事情，但是检查x是否在o的钻石中，如下所示：
*
**x
**o** --> x IS in o's diamond
***
*
考虑到钻石
浏览 0提问于2012-07-02得票数 2
回答已采纳
2回答
使鼠标坐标相对于<canvas>坐标
javascript、html、canvas、webgl
我试图找出鼠标在画布‘网格’上的位置，同时保持大小。我目前有鼠标坐标它在屏幕上的位置(x和y)。
问题是，WebGL (我用来在画布上绘图)和鼠标坐标之间的“缩放”是不同的。WebGL认为从原点向右的10个单位实际上被认为是来自原点的x个单位(不同的屏幕分辨率改变了这一点)。这意味着当鼠标超过WebGL所考虑的(10，10)时，鼠标坐标是(100,100)。
如何将屏幕上的鼠标坐标转换为用于定义点的“WebGL坐标”？
这类似于，但我想不使用Fabric.js。
浏览 4提问于2016-06-14得票数 0
回答已采纳
3回答
如何根据元素的容器大小转换元素的位置
c#、.net、wpf、vb.net、xaml
这是一个假设性的问题，我希望这是允许的。
我一直有一个问题，试图找出如何做这个计算，这似乎是令人难以置信的简单(这使它更令人沮丧)。
假设我在500x500画布上有一个100x100子元素，可以在父元素内部移动。假设可拖子元素的当前坐标是x=42和y=30。
<Canvas Width="500" Height="500">
<Grid Background="Gray" Canvas.Left="42" Canvas.Top="30" Width="100" Height=&#
浏览 7提问于2014-08-13得票数 1
回答已采纳
1回答
Matlab矩形属性-绘制时的“位置”描述混乱
matlab、matlab-figure
我正在运行Matlab R2014b，并在给定特定坐标的图像上绘制矩形。
要清楚，例如画一个rectangle100,100,200，50是画一个矩形，其左角在水平方向和垂直方向上与图像左上角相距100像素，宽度为200，高度为50。以下代码起作用：
figure;
imshow(im);
rectangle('Position',[100, 100, 200, 50],'edgeColor','r');
但是在得到上面正确的方法之前，我运行doc rectangle，命令给出类似于rectangle('Position',[x,
浏览 4提问于2017-06-08得票数 0
回答已采纳
1回答
计算Javascript中背景图像段的边界。
javascript、css、background-image
是否有一种方法可以计算背景图像段(例如，图像白色背景上的红色圆圈)的矩形边界，它是按背景大小缩放的:盖子，即使它有一个负值并且在移动设备视图之外？另一种解决方案是将x/y坐标固定在背景图像位置上。
CSS：
.background{
position: absolute;
width: 100%;
height:100%;
background: url('img.png') no-repeat;
background-size: cover;
background-position: 50% 0;
}
浏览 3提问于2016-12-15得票数 0
回答已采纳
1回答
从一个平面到另一个平面的贴图，尽管有遮罩区域
python、scipy、scikit-learn、interpolation、computational-geometry
我有一组给定的数据，其中第一列和第二列分别是天空坐标(ra，dec)，第三列和第四列是笛卡尔坐标系中的坐标(x，y)。
我需要使用坐标x和y制作一个二维插值曲面，并使用Ra和Dec制作另一个曲面。问题是存在遮罩区域，如上图所示。我可以通过绘制丢失的数据来说明它们(在目录中有非NaN值)。这就是我到目前为止尝试过的，但没有给出正确的答案：
from scipy.interpolate import griddata
import numpy as np
import matplotlib.pyplot as plt
data = np.loadtxt('test.asc
浏览 0提问于2014-09-02得票数 3
5回答
WPF:在画布或网格上定位表单元素？
c#、wpf、xaml
我更喜欢通过visual studio designer在画布上拖动控件，这样每个控件都有一个x和y坐标。我发现它比使用网格快得多。但我仍然看到很多文章使用网格来布局控件，这样每个控件都有行、列。你对此有什么看法，我的方法是错的吗？
浏览 1提问于2011-03-01得票数 0
3回答
数学问题:从位置和角度获取坐标
math、coordinates、trigonometry、angle
让我先说明一下，我的数学很糟糕。
我正在尝试重新定位和旋转一个矩形。然而，我需要从一个不是0,0的点旋转矩形，而是根据它的坐标移动了多远。我确信这没有多大意义，所以我画了一些草图来帮助解释我需要什么。
上图显示了红色矩形的3个阶段从0%移动到100%。红色矩形的X和Y坐标(红色矩形的左上角)仅移动蓝色矩形高度的一定百分比。
红色矩形可以旋转。只关注上面的中间示例("Distance -50%")，其中红色矩形被重新定位在蓝色矩形高度的-50，它在上图中的新角度现在是-45º。它是从0，0点开始旋转的。
现在，我的问题是，我希望它的旋转点能反映它的位置。
红色和
浏览 8提问于2010-06-20得票数 3
回答已采纳
1回答
使用视图结果的3D到2D投影在翻译中有问题。
c++、graphics、rendering、homogenous-transformation
我需要创建这个软件光栅，给定投影(P)、视图(V)和模型(M)矩阵，可以从给定的角度以位图格式(单色位图)从给定的角度创建点云(pc)的2D图像。
我已经把数学记下来了(事情似乎大部分都在进行中)：
转换点云的点pc' = (P x V x M) x pc (注意点云已经在同构系统中)
对于每个点，用它的w除以所有组件(同时要小心地丢弃w接近于零的点。
丢弃属于视域之外的点(通过使用描述的P方法从中提取锥面)
将每个点的x和y坐标转换为使用(x + 1) * imageWidth / 2和(-y + 1) * imageHeight / 2 (具有正确的y坐标)屏幕坐标
浏览 0提问于2016-06-26得票数 1
回答已采纳
2回答
如何在MovieClip (AS3)中将文本字段居中
actionscript-3、flash、movieclip
我有一些奇怪的问题，关于定位
1)我用AS创建的MovieClip()
2)此MovieClip()中的文本字段。
1)的问题:当我设置MC.x = 0；MC.y =0时，movieClip不会出现在左上角。
问题2)：文本不是垂直居中，也不是水平居中。
我的AS3代码：
var button:ButtonMC = new ButtonMC();
button.y = 100;
button.x = 100;
button.width = 260;
button.height = 50;
button.buttonMode = true;
button.useHandCursor =
浏览 0提问于2013-01-24得票数 0
1回答
求最佳拟合矩形的坐标
algorithm、computational-geometry
输入: A，B，a，b-其中A和B是网格的宽度和高度，a，b-宽度和矩形的高度，我想放进去。然后我得到了N个长方形，这些矩形已经安装在网格中了。在接下来的N行中，给出了每个矩形对角顶点的坐标，例如，对于第一个矩形，输入将是(x0，y0) (x1，y1)等等。这些矩形可以重叠。我需要找到初始矩形对角线顶点的坐标，这样它才能适合网格(我们需要打印最大高度)例子：。
9 5 2 4
2
1 1 3 4
1 1 6 2
输出将是:6 0 8 5 ，你能给我一些提示吗？看来我需要在这里使用动态规划。
浏览 1提问于2020-04-30得票数 1
1回答
从给定窗口生成离散随机子窗口
algorithm、random、probability
我正在处理一个图像处理应用程序，我有一个问题，就是我想要从给定的窗口生成一个随机子窗口。例如，给定一个5x5 (像素)窗口，我希望在x，y中的给定位置生成一个具有给定宽度和高度的子窗口。目前，可以假定子窗口的宽度和高度总是相等的。但是，原始窗口没有此约束。
目前，我只是生成一个随机宽度/高度的子窗口，我知道，适合在原来的窗口。然后，我生成一个有效的x，y坐标，它允许子窗口适合原始窗口。当前方法的问题在于，它不尊重这样一个事实，即更小的窗口更多，因此更有可能发生。通过为子窗口的宽度/高度选择一个随机维数，我假设它们在宽度和高度上的分布是一致的，而实际上并非如此。
例如，假设给我们一个5x5窗口。
浏览 1提问于2012-12-04得票数 3
回答已采纳
1回答
设置自动布局需要帮助
ios、autolayout
我是iOS新手，我面临着很难设置自动布局的问题。看了很多视频来学习，但所有的视频都给出了一个具体问题的解决方案。没有视频涵盖了将UI对象设置到其所在位置的所有基本规则&使用适当的流程。
我来自Corona背景&习惯于很好地编程设置UI。我在这里也是这么想的，但我认为苹果让它变得如此困难，或者人们无法正确地解释我。
请看2张图片附加在这个问题和告诉我规则，以适用于实现此UI。我请求你的人，请以一般的方式解释，以便我的其他屏幕可以完成使用相同的规则。
图1：
图2：
浏览 2提问于2016-09-14得票数 0
1回答
在屏幕中心保持实例化网格？
unity、c#、2d
各位，我在做一个移动游戏，我需要帮助。在游戏中，我实例化了一个点网格，如下面的第一个附加文件所示。我的问题是，网格不是在屏幕的中心，我可以定位我的主摄像机，所以网格位于中心，唯一的问题是网格的大小取决于您的级别，如附件2所示。
这是我的产卵码
for (int x = 0; x < gridX; x++)
{
for (int y = 0; y < gridY; y++)
{
SpawnDelay = Random.Range(0.2f, 0.5f);
浏览 0提问于2018-08-05得票数 0
回答已采纳
1回答
如何正确表示/缩放从Adobe XD到aframe的坐标？
adobe、aframe、aframe-react
我正在尝试正确地表示/缩放从Adobe XD到aframe的坐标。 这就是我目前所做的: 1.上传图片相关的数据(坐标，宽度，高度)和图片本身作为formData到服务器。2. assests完成后生成。3.使用array.map生成实体。4.实体和一切都生成并呈现得很好。但我注意到坐标上的一些不同。因此，没有正确地进行缩放。期望输出显示图像的准确表示，而坐标和图像本身的数据源是Adobe XD。 //The closest result I have been able to get is by this:
const x = coordinates.x - XDArtboardW
浏览 8提问于2019-06-24得票数 0
1回答
位于瓷砖左上角或中心的坐标
tiles、coordinates
我正在建立一个平铺系统，每个瓷砖都有x和y坐标。现在，我假设瓷砖的左上角位于屏幕、x = tileX * tileWidth和y = tileY x tileWidth的坐标上。
然而，奇怪的是，带有坐标(0, 0)的瓷砖完全绘制在坐标系的“正”边，而不是原点的中心。
假设坐标位于瓷砖的中心或瓷砖的左上角，这是一种常见的做法吗？所以基本上是x = tileX x tileWidth还是x = tileX x tilewidth - ( tileWidth / 2 )？
浏览 0提问于2012-12-13得票数 5
回答已采纳
2回答
如何将传单地图的图像与图像对齐，以达到地图的边界？
javascript、html、svg、leaflet
我正在进行一个项目，在这个项目中，我将捕获地图截图(使用)并将其发送到外部API，该API在处理发送的图像后返回一些坐标(x、y、w、h)。这些坐标(长方形)我试着用传单来画。
由于捕捉到的图像大小大于捕获区域的宽度和高度(不知道为什么)，我需要对坐标进行缩放。
现在的问题是，传单矩形没有绘制准确的位置，外部API正在返回。
但是，我确信外部API返回了发送图像的宽度和高度的正确坐标(x、y、w、h)。
，我在缩放坐标时做错了什么.
下面是我正在尝试的代码片段：
domtoimage.toPng(document.querySelector("#map"))
.then
浏览 4提问于2020-07-13得票数 0
回答已采纳
2回答
如何在游戏中确定坐标范围？
pygame
这是一个非常简单的问题，但我想编写一些代码，这样当你在某个范围内，你点击某个东西，它就会改变背景。到目前为止，一切都很好，但我只知道如何对其进行编码，这样当您是精确的X和Y坐标时，就可以单击。我如何使它，如果你在100-300 X (例如)和500 - 600 Y，你是在范围内，相对于100 X和600 Y的确切坐标？
(顺便提一下，这里是我正在使用的代码片段，如果您愿意，我可以提供完整的代码。)
if 120+75 > mouse[0] > 120 and 50 + 125 > mouse[1] > 125 and x == 110 and y == 60:
浏览 3提问于2020-05-05得票数 1
回答已采纳
3回答
宽宽比全屏图像
javascript、html、css
我如何才能显示一个图像，填充整个屏幕(HTML或Javascript)，但不拉伸和所有扭曲，它保持高宽比。
因此，它将是居中的或者：
有100%高和x%宽(其中"x“小于或等于100%)
或
有y%的高度和100%的宽度(其中y小于或等于100%)
类似于全屏图像查看器的网页应用程序。
浏览 2提问于2014-11-02得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
