dat.gui如何改变控件的摆放位置

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了dat.gui如何改变控件的摆放位置相关的知识,希望对你有一定的参考价值。

参考技术A 你需要一些javascript和CSS才能做到这一点。
GUI构造函数可以传递一个参数对象。您可以告诉控件不要自动放置。您还可以将一个元素ID,使造型更容易
var gui = new dat.GUI( autoPlace: false );
gui.domElement.id = 'gui';

然后是CSS的地方也可以是这样的:
#gui position: absolute; top: 2px; left: 2px
+0
TY,它不工作时,我autoPlace:false,但是当我改变eid并添加CSS到该ID它很好。你知道是否有办法阻止它偶尔滚动屏幕?不管用户在网页上的哪个位置,都可以避免被人看到。 – 2014-09-08 15:47:08
+0
只是将下面的代码添加到您的风格:\t \t – mbehnaam 2016-05-24 01:48:36
CSS:
.moveGUI
position: absolute;
top: 13.1em;
right: -1em;


JS:
// Create GUI
gui = new dat.GUI( autoPlace: false );

// create fill and open folders

var customContainer = $('.moveGUI').append($(gui.domElement));

html
<div class = 'moveGUI'>
</div>

.net中如何动态改变Label控件的位置

我在Winform中有一个Label控件 我想要它随着窗体的Resize而动态调整在窗体中的位置 本来我打算在Form的Resize事件中 将Label.Location.X和Label.Location.Y的值 设成宽度和高度的一半 来使它居中 但是编译时报错说Location不能赋值 不是变量 那请问 我应该怎么做来达到我想要的要求呢

调整窗口大小,让控件的位置动态调整,不是靠Resize事件中手动设置控件的位置,
你以前是学vb的吗?vb调整窗口大小,需要手动在Resize事件中手动设置控件的位置,.net有更智能的操作,

选中控件,右键属性,找到【Anchor】属性,这个属性就是设置控件随窗体大小动态调整位置的属性,点开右边的下拉框,可以看到一个方块四周有四个块,默认选中的是上面和左边的块,这表明:调整窗体时,上边距和左边距始终保持不变。同样,可以设置左,右,上,下的块,使控件对应的边距随窗体大小改变而改变,

ps:设置控件的位置,是这样设置的:
Label.Location = new Point(20,20);
参考技术A   vb调整窗口大小,需要手动在Resize事件中手动设置控件的位置,.net有更智能的操作。
  选中控件,右键属性,找到【Anchor】属性,这个属性就是设置控件随窗体大小动态调整位置的属性,点开右边的下拉框,可以看到一个方块四周有四个块,默认选中的是上面和左边的块,这表明:调整窗体时,上边距和左边距始终保持不变。同样,可以设置左,右,上,下的块,使控件对应的边距随窗体大小改变而改变,
  ps:设置控件的位置,是这样设置的:Label.Location = new Point(20,20)。
参考技术B .net 解决不了这个问题,窗口的resize时间是客户端发生的。.net服务端根本无法获得客户端窗口重画的事件。你这个问题的解决只能靠js来解决。

window 对象好像有个onresizeend事件 ,在这里面定位到你的标签 然后用css控制他的位置试试吧

以上是关于dat.gui如何改变控件的摆放位置的主要内容,如果未能解决你的问题,请参考以下文章

dat.gui如何在一行添加两个控件

为动态添加的控件保存 dat.gui 预设?

LabVIEW中如何动态改变控件位置?

c#中如何改变控件位置.?

js如何改变控件的显示位置

cesium如何搭建dat.gui