问题[gui]

我正在尝试显示文本。这是对附加文本的对象的调用：

  const earthGeometry1 =  new THREE.SphereGeometry( 0, 0, 0 );
            const earthMaterial1=0;
            earth1 = new THREE.Mesh( earthGeometry1, earthMaterial1 );
            scene.add( earth1 );

然后是正文：

const earthDiv1 = document.createElement( 'div' );
            earthDiv1.className = 'label';
            earthDiv1.textContent = 'Earth';
            earthDiv1.style.backgroundColor = 'transparent';

            const earthLabel1 = new CSS2DObject( earthDiv );
            earthLabel1.position.set( 1.5 * EARTH_RADIUS, 0, 0 );
            earthLabel1.center.set( 0, 1 );
            earth1.add( earthLabel1 );
            earthLabel.layers.set( 0 );

            const earthMassDiv1 = document.createElement( 'div' );
            earthMassDiv1.className = 'label';
            earthMassDiv1.textContent = '5.97237e24 kg';
            earthMassDiv1.style.backgroundColor = 'transparent';

            const earthMassLabel1 = new CSS2DObject( earthMassDiv );
            earthMassLabel1.position.set( 1.5 * EARTH_RADIUS, 0, 0 );
            earthMassLabel1.center.set( 0, 0 );
            earth1.add( earthMassLabel1 );
            earthMassLabel1.layers.set( 1 );

但由于某种原因，文本未显示。

这是整个代码：

body{
  overflow: hidden;
  margin: 0;
}

<script async src="https://ga.jspm.io/npm:es-module-shims@1.6.3/dist/es-module-shims.js" crossorigin="anonymous"></script>
<script type="importmap">
  {
    "imports": {
      "three": "https://unpkg.com/three@0.152.0/build/three.module.js",
      "three/addons/": "https://unpkg.com/three@0.152.0/examples/jsm/"
    }
  }
</script>
<script type="module">

import * as THREE from 'three';

        import { OrbitControls } from 'three/addons/controls/OrbitControls.js';

        import Stats from 'three/addons/libs/stats.module.js';

       import { GUI } from 'three/addons/libs/lil-gui.module.min.js';
       
       import { CSS2DRenderer, CSS2DObject } from 'three/addons/renderers/CSS2DRenderer.js';

        let gui;

        let camera, scene, renderer, labelRenderer;

        const layers = {

            'Toggle Name': function () {

                camera.layers.toggle( 0 );

            },
            'Toggle Mass': function () {

                camera.layers.toggle( 1 );

            },
            'Enable All': function () {

                camera.layers.enableAll();

            },

            'Disable All': function () {

                camera.layers.disableAll();

            }

        };
        
        const clock = new THREE.Clock();
        const textureLoader = new THREE.TextureLoader();

        let moon;
        let earth1;

        init();
        animate();

        function init() {

            const EARTH_RADIUS = 1;
            const MOON_RADIUS = 0.27;

            camera = new THREE.PerspectiveCamera( 45, window.innerWidth / window.innerHeight, 0.1, 200 );
            camera.position.set( 10, 5, 20 );
            camera.layers.enableAll();

            scene = new THREE.Scene();
            scene.background = new THREE.Color( 0x94afb5 );

            const dirLight = new THREE.DirectionalLight( 0xffffff, 1 );
            dirLight.position.set( 0, 0, 1 );
            dirLight.layers.enableAll();
            scene.add( dirLight );

            //const axesHelper = new THREE.AxesHelper( 5 );
            //axesHelper.layers.enableAll();
            //scene.add( axesHelper );

            //
            const earthGeometry1 =  new THREE.SphereGeometry( 0, 0, 0 );
            const earthMaterial1=0;
            earth1 = new THREE.Mesh( earthGeometry1, earthMaterial1 );
            scene.add( earth1 );
            
            const earthGeometry = new THREE.SphereGeometry( EARTH_RADIUS, 16, 16 );
              const earthMaterial = new THREE.MeshPhongMaterial( {
                specular: 0x333333,
                shininess: 5,
                map: textureLoader.load( 'textures/planets/earth_atmos_2048.jpg' ),
                specularMap: textureLoader.load( 'textures/planets/earth_specular_2048.jpg' ),
                normalMap: textureLoader.load( 'textures/planets/earth_normal_2048.jpg' ),
                normalScale: new THREE.Vector2( 0.85, 0.85 )
            } ); 
            earthMaterial.map.colorSpace = THREE.SRGBColorSpace;
            const earth = new THREE.Mesh( earthGeometry, earthMaterial );
            scene.add( earth );

            const moonGeometry = new THREE.SphereGeometry( MOON_RADIUS, 16, 16 );
            const moonMaterial = new THREE.MeshPhongMaterial( {
                shininess: 5,
                map: textureLoader.load( 'textures/planets/moon_1024.jpg' )
            } );
            moonMaterial.map.colorSpace = THREE.SRGBColorSpace;
            moon = new THREE.Mesh( moonGeometry, moonMaterial );
            scene.add( moon );
            
            //--------------Создаем объект-------------------
const points = [];
points.push(new THREE.Vector3(-10, 10, 0));
points.push(new THREE.Vector3(10, 10, 0));
points.push(new THREE.Vector3(10, -10, 0));
points.push(new THREE.Vector3(-10, -10, 0));
points.push(new THREE.Vector3(-10, 10, 0));
const osxyMaterial = new THREE.LineBasicMaterial({ color: 0x7457bd, linewidth: 1 });
const osxyGeometry = new THREE.BufferGeometry().setFromPoints(points);
const osxy = new THREE.Line(osxyGeometry, osxyMaterial);
scene.add(osxy);

const points1 = [];
points1.push(new THREE.Vector3(0, -10, 10));//Указываем вектор первой точки
points1.push(new THREE.Vector3(0, 10, 10));//Указываем вектор второй точки
points1.push(new THREE.Vector3(0, 10, -10));
points1.push(new THREE.Vector3(0, -10, -10));
points1.push(new THREE.Vector3(0, -10, 10));
const osxzMaterial = new THREE.LineBasicMaterial({ color: 0x3d803d, linewidth: 1 });
const osxzGeometry = new THREE.BufferGeometry().setFromPoints(points1);
const osxz = new THREE.Line(osxzGeometry, osxzMaterial);
scene.add(osxz);

const points2 = []
points2.push(new THREE.Vector3(-10, 0, 10));//Указываем вектор первой точки
points2.push(new THREE.Vector3(10, 0, 10));//Указываем вектор второй точки
points2.push(new THREE.Vector3(10, 0, -10));
points2.push(new THREE.Vector3(-10, 0, -10));
points2.push(new THREE.Vector3(-10, 0, 10));
const osyzMaterial = new THREE.LineBasicMaterial({ color: 0xab5641, linewidth: 1 })
const osyzGeometry = new THREE.BufferGeometry().setFromPoints(points2)
const osyz = new THREE.Line(osyzGeometry, osyzMaterial)
scene.add(osyz) 

            //

            earth.layers.enableAll();
            moon.layers.enableAll();

            const earthDiv = document.createElement( 'div' );
            earthDiv.className = 'label';
            earthDiv.textContent = 'Earth';
            earthDiv.style.backgroundColor = 'transparent';

            const earthLabel = new CSS2DObject( earthDiv );
            earthLabel.position.set( 1.5 * EARTH_RADIUS, 0, 0 );
            earthLabel.center.set( 0, 1 );
            earth.add( earthLabel );
            earthLabel.layers.set( 0 );

            const earthMassDiv = document.createElement( 'div' );
            earthMassDiv.className = 'label';
            earthMassDiv.textContent = '5.97237e24 kg';
            earthMassDiv.style.backgroundColor = 'transparent';

            const earthMassLabel = new CSS2DObject( earthMassDiv );
            earthMassLabel.position.set( 1.5 * EARTH_RADIUS, 0, 0 );
            earthMassLabel.center.set( 0, 0 );
            earth.add( earthMassLabel );
            earthMassLabel.layers.set( 1 );
            
            //-
            const earthDiv1 = document.createElement( 'div' );
            earthDiv1.className = 'label';
            earthDiv1.textContent = 'Earth';
            earthDiv1.style.backgroundColor = 'transparent';

            const earthLabel1 = new CSS2DObject( earthDiv );
            earthLabel1.position.set( 1.5 * EARTH_RADIUS, 0, 0 );
            earthLabel1.center.set( 0, 1 );
            earth1.add( earthLabel1 );
            earthLabel.layers.set( 0 );

            const earthMassDiv1 = document.createElement( 'div' );
            earthMassDiv1.className = 'label';
            earthMassDiv1.textContent = '5.97237e24 kg';
            earthMassDiv1.style.backgroundColor = 'transparent';

            const earthMassLabel1 = new CSS2DObject( earthMassDiv );
            earthMassLabel1.position.set( 1.5 * EARTH_RADIUS, 0, 0 );
            earthMassLabel1.center.set( 0, 0 );
            earth1.add( earthMassLabel1 );
            earthMassLabel1.layers.set( 1 );
//-

            const moonDiv = document.createElement( 'div' );
            moonDiv.className = 'label';
            moonDiv.textContent = 'Moon';
            moonDiv.style.backgroundColor = 'transparent';

            const moonLabel = new CSS2DObject( moonDiv );
            moonLabel.position.set( 1.5 * MOON_RADIUS, 0, 0 );
            moonLabel.center.set( 0, 1 );
            moon.add( moonLabel );
            moonLabel.layers.set( 0 );

            const moonMassDiv = document.createElement( 'div' );
            moonMassDiv.className = 'label';
            moonMassDiv.textContent = '7.342e22 kg';
            moonMassDiv.style.backgroundColor = 'transparent';

            const moonMassLabel = new CSS2DObject( moonMassDiv );
            moonMassLabel.position.set( 1.5 * MOON_RADIUS, 0, 0 );
            moonMassLabel.center.set( 0, 0 );
            moon.add( moonMassLabel );
            moonMassLabel.layers.set( 1 );

            //
            renderer = new THREE.WebGLRenderer();
            renderer.setPixelRatio( window.devicePixelRatio );
            renderer.setSize( window.innerWidth, window.innerHeight );
            document.body.appendChild( renderer.domElement );

            labelRenderer = new CSS2DRenderer();
            labelRenderer.setSize( window.innerWidth, window.innerHeight );
            labelRenderer.domElement.style.position = 'absolute';
            labelRenderer.domElement.style.top = '0px';
            document.body.appendChild( labelRenderer.domElement );

            const controls = new OrbitControls( camera, labelRenderer.domElement );
            controls.minDistance = 5;
            controls.maxDistance = 100;

            //

            window.addEventListener( 'resize', onWindowResize );

            initGui();

        }

        function onWindowResize() {

            camera.aspect = window.innerWidth / window.innerHeight;

            camera.updateProjectionMatrix();

            renderer.setSize( window.innerWidth, window.innerHeight );

            labelRenderer.setSize( window.innerWidth, window.innerHeight );

        }


        function animate() {

            requestAnimationFrame( animate );

            const elapsed = clock.getElapsedTime();

            moon.position.set( Math.sin( elapsed ) * 5, 0, Math.cos( elapsed ) * 5 );

            renderer.render( scene, camera );
            labelRenderer.render( scene, camera );

        }

        //

        function initGui() {

            gui = new GUI();

            gui.title( 'Camera Layers' );

            gui.add( layers, 'Toggle Name' );
            gui.add( layers, 'Toggle Mass' );
            gui.add( layers, 'Enable All' );
            gui.add( layers, 'Disable All' );

            gui.open();

        }

    </script>

有这样的情况，对于我的程序，我需要一个自定义的标题栏。我做到了 -

1. 添加QFrame并更改了它的颜色
2. 我为此添加了一个按钮QFrame，它将执行所需的功能。

现在一个问题。我需要编写这个TitleBar，以便只有它可以伸展。如果你centralwidget在一个网格（gridLayout）上排列 ' ' ，事实证明它是TitleBar排列的，一切都很好，但是我添加了另一个小部件（例如，一个按钮）并TitleBar立即变小了 5 倍，并且按钮拉伸到全屏。

所以我尝试通过添加TitleBar到小部件并组成这个小部件来做到这一点，但它不会拉伸

如果你需要一个.ui文件

<?xml version="1.0" encoding="UTF-8"?>
<ui version="4.0">
 <class>MainWindow</class>
 <widget class="QMainWindow" name="MainWindow">
  <property name="geometry">
   <rect>
    <x>0</x>
    <y>0</y>
    <width>652</width>
    <height>412</height>
   </rect>
  </property>
  <property name="windowTitle">
   <string>MainWindow</string>
  </property>
  <property name="styleSheet">
   <string notr="true">#centralWidget {
border-image: url(:/img/wallpaper.jpg);
}
#applemenu {
border-image: url(:/img/mbar_logo.png);
}
#applemenu:pressed {
border-image: url(:/img/clickedbut.jpg);
}
#menu {
background-color: rgb(233, 187, 223);
}</string>
  </property>
  <widget class="QWidget" name="centralWidget">
   <widget class="QWidget" name="widget" native="true">
    <property name="geometry">
     <rect>
      <x>0</x>
      <y>0</y>
      <width>651</width>
      <height>31</height>
     </rect>
    </property>
    <layout class="QVBoxLayout" name="verticalLayout">
     <property name="leftMargin">
      <number>0</number>
     </property>
     <property name="topMargin">
      <number>0</number>
     </property>
     <property name="rightMargin">
      <number>0</number>
     </property>
     <item>
      <widget class="QFrame" name="menubar">
       <property name="sizePolicy">
        <sizepolicy hsizetype="Preferred" vsizetype="Fixed">
         <horstretch>0</horstretch>
         <verstretch>0</verstretch>
        </sizepolicy>
       </property>
       <property name="minimumSize">
        <size>
         <width>0</width>
         <height>21</height>
        </size>
       </property>
       <property name="maximumSize">
        <size>
         <width>16777215</width>
         <height>21</height>
        </size>
       </property>
       <property name="styleSheet">
        <string notr="true">background-color: rgb(233, 187, 223)</string>
       </property>
       <property name="frameShape">
        <enum>QFrame::StyledPanel</enum>
       </property>
       <property name="frameShadow">
        <enum>QFrame::Raised</enum>
       </property>
       <widget class="QPushButton" name="applemenu">
        <property name="geometry">
         <rect>
          <x>10</x>
          <y>0</y>
          <width>18</width>
          <height>18</height>
         </rect>
        </property>
        <property name="sizePolicy">
         <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
          <horstretch>0</horstretch>
          <verstretch>0</verstretch>
         </sizepolicy>
        </property>
        <property name="minimumSize">
         <size>
          <width>18</width>
          <height>18</height>
         </size>
        </property>
        <property name="maximumSize">
         <size>
          <width>18</width>
          <height>18</height>
         </size>
        </property>
        <property name="styleSheet">
         <string notr="true"/>
        </property>
        <property name="text">
         <string/>
        </property>
       </widget>
      </widget>
     </item>
    </layout>
   </widget>
  </widget>
 </widget>
 <layoutdefault spacing="6" margin="11"/>
 <resources/>
 <connections/>
</ui>

我正在用 JavaFX 编写一个矢量画布（矢量图形，只显示画布上的形状）：好吧，这样您就可以四处移动并放大它。
由于随着 translate 节点左上角的位置发生变化，它不再响应点击，我决定在画布本身内部制作一个面板，所有内容都将显示在上面。
里面VectorCanvas是VectorCanvasContent。
添加了行VectorCanvasContent，但由于某种原因它们不可见（尽管它们是可见的，但我添加了一个侦听器，在单击它们时显示“!!!”并选中）。
如果您在画布本身上绘制线条，则它们是可见的。
问题是什么？

public class VectorCanvas extends Pane {


    public class VectorCanvasContent extends Pane {


//        public final ChangeListener<Number> widthChangeListener
//                = (observable, oldValue, newValue) -> setWidth(newValue.doubleValue());
//        public final ChangeListener<Number> heightChangeListener
//                = (observable, oldValue, newValue) -> setHeight(newValue.doubleValue());


        public VectorCanvasContent() {
//            VectorCanvas.this.widthProperty().addListener(widthChangeListener);
//            VectorCanvas.this.heightProperty().addListener(heightChangeListener);
//            widthProperty().addListener((observable, oldValue, newValue)
//                    -> System.out.println("Content: width: " + newValue));
//            heightProperty().addListener((observable, oldValue, newValue)
//                    -> System.out.println("Content: height: " + newValue));
        }
    }


    public static final Consumer<VectorCanvas> DEFAULT_DRAWER = canvas -> {
        Line[] lines = {
                new Line(0, 0, canvas.getWidth(), 0),
                new Line(canvas.getWidth(), 0, canvas.getWidth(), canvas.getHeight()),
                new Line(canvas.getWidth(), canvas.getHeight(), 0, canvas.getHeight()),
                new Line(0, canvas.getHeight(), 0, 0),
                new Line(0, 0, canvas.getWidth(), canvas.getHeight()),
                new Line(0, canvas.getHeight(), canvas.getWidth(), 0)
        };
        for (Line line : lines) {
            line.setStrokeWidth(30);
            line.setStroke(Color.RED);
            line.setFill(Color.RED);
            line.setOnMouseClicked(new EventHandler<MouseEvent>() {
                @Override
                public void handle(MouseEvent mouseEvent) {
                    System.out.println("!!!");
                }
            });
        }
        canvas.drawAll(lines);
    };

    private Consumer<VectorCanvas> drawer = DEFAULT_DRAWER;

    public final VectorCanvasContent content = new VectorCanvasContent();


    public VectorCanvas() {
        this(DEFAULT_DRAWER);
    }

    public VectorCanvas(Consumer<VectorCanvas> drawer) {
        this.drawer = drawer;
        getRealChildren().add(content);
        draw();
    }


    public void clear() {
        getChildren().clear();
    }
    public void draw() {
        if (drawer != null)
            drawer.accept(this);
    }
    public void redraw() {
        clear();
        draw();
    }


    @Override
    public ObservableList<Node> getChildren() {
        return content.getChildren();
    }
    @Override
    public ObservableList<Node> getChildrenUnmodifiable() {
        return content.getChildrenUnmodifiable();
    }


    private ObservableList<Node> getRealChildren() {
        return super.getChildren();
    }
    private ObservableList<Node> getRealChildrenUnmodifiable() {
        return super.getChildrenUnmodifiable();
    }


    public void draw(Shape shape) {
        getChildren().add(shape);
    }
    public void drawAll(Shape... shapes) {
        getChildren().addAll(shapes);
    }
}

假设有这样一个循环：for proc in psutil.process_iter(): 如何检查它是否有procGUI，是否有可能获得完全有 GUI 的程序的纯列表？PS：您只需要使用 GUI 获取正在运行的进程

有一段代码将未启动的沙箱标记为红色。该函数start_btn()检查 CheckButtons，然后启动标记的按钮，标签立即着色为绿色。问题是什么 - 如何确保 self.builder.get_object(f"status_label_{box}").set_markup("бла бла бла") 在重新调用start_box()循环启动框的函数之前，在该行之后有 N 秒的超时，但是这个超时不应该阻塞 GUI，也就是说，它会time.sleep()飞走立即地

import gi
import os

gi.require_version('Gtk', '3.0')
from gi.repository import Gtk, Gdk, GLib

sandboxie_path = "C:/Program Files/Sandboxie-Plus/Start.exe"  # Путь к Start.exe
Steam_path = "C:/Program Files (x86)/Steam/steam.exe"  # Путь к steam.exe
tn_host = "127.0.0.1"
port_list = ["2121", "2122", "2123", "2124", "2125", "2126"]
server_list = ["85.88.162.140:27031"]
check_list = []


def start_box(box_num, tn_port, server, sandbox_path, steam_path):
    os.popen(f'"{sandbox_path}" /box:{box_num} "{steam_path}" -applaunch 730 -netconport {tn_port} -novid '
             f'-window -nosound +fps_max 30 -w 640 -h 480 +left connect {server}')


class Main:

    def __init__(self):
        gladeFile = "res/csgo.glade"
        self.builder = Gtk.Builder()
        self.builder.add_from_file(gladeFile)
        self.builder.connect_signals(self)
        window = self.builder.get_object("main")
        window.connect('delete-event', Gtk.main_quit)
        window.show()

    def red_mark(self):
        for num in range(1, 7):
            self.builder.get_object(f"status_label_{num}").set_markup("<span background='#FA6DA4' "
                                                                      "foreground='#000000'>OFF</span>")

    def start_btn(self, widget):
        for box in range(1, 7):
            if self.builder.get_object(f"check_btn_{box}").get_active():
                start_box(box, port_list[box - 1], server_list[0], sandboxie_path, Steam_path)
                self.builder.get_object(f"status_label_{box}").set_markup("<span background='#76EE98' "
                                                                          "foreground='#000000'>ON</span>")
                # Тайм-аут на N секунд


if __name__ == '__main__':
    main = Main()
    main.red_mark()
    Gtk.main()