本文へスキップ
Roblox गाइड

Roblox GUI layout basics

स्थिर और पढ़ने योग्य UI बनाना और screen size बदलने पर layout क्यों टूटता है, इस पर focused मार्गदर्शिका.

公開日: 2026-05-28#Roblox#GUI#初心者

Quick Start

Chhote working version se shuru karein

स्थिर और पढ़ने योग्य UI बनाना और screen size बदलने पर layout क्यों टूटता है, इस पर focused मार्गदर्शिका. इस विषय को समझने का अच्छा तरीका सब कुछ एक साथ याद करना नहीं है। पहले यह देखें कि किस चीज पर ध्यान देना है, कौन सा छोटा प्रयोग करना है, और सही परिणाम कैसा दिखेगा।

Chhote code parts jodiye

1. 値を用意する

Inspectorで変更できる値と表示先を置きます。

TopicPrototypeTutorial.cs
csharp
    [SerializeField] private TextMeshProUGUI statusText;
    [SerializeField] private float currentStep = 1f;
    [SerializeField] private float changedValue = 2f;
    [SerializeField] private float resultScore = 3f;

2. 状態を変える

ボタンを押した時に、1つだけ状態を進めます。

TopicPrototypeTutorial.cs
csharp
    public void NextStep()
    {
        step = (step + 1) % 3;
        var label = step == 0 ? "準備状態" : step == 1 ? "操作中" : "結果表示";
        if (statusText != null)
        {
            statusText.text = $"{label}\ncurrentStep={currentStep:0.##}\nchangedValue={changedValue:0.##}\nresultScore={resultScore:0.##}";
        }

3. 画面に表示する

変わった結果を画面に出して確認します。

TopicPrototypeTutorial.cs
csharp
        if (statusText != null)
        {
            statusText.text = $"{label}\ncurrentStep={currentStep:0.##}\nchangedValue={changedValue:0.##}\nresultScore={resultScore:0.##}";
        }
        Debug.Log($"Roblox GUI layout basics: {label}");

Complete script

TopicPrototypeTutorial.cs
csharp
using UnityEngine;
using TMPro;

public class TopicPrototypeTutorial : MonoBehaviour
{
    [SerializeField] private TextMeshProUGUI statusText;
    [SerializeField] private float currentStep = 1f;
    [SerializeField] private float changedValue = 2f;
    [SerializeField] private float resultScore = 3f;

    private int step;

    public void NextStep()
    {
        step = (step + 1) % 3;
        var label = step == 0 ? "準備状態" : step == 1 ? "操作中" : "結果表示";
        if (statusText != null)
        {
            statusText.text = $"{label}\ncurrentStep={currentStep:0.##}\nchangedValue={changedValue:0.##}\nresultScore={resultScore:0.##}";
        }
        Debug.Log($"Roblox GUI layout basics: {label}");
    }
}

Inspector

Inspector mein UI reference connect karke button se har change check kijiye.

सारांश

क्या याद रखना है

स्थिर और पढ़ने योग्य UI बनाना और screen size बदलने पर layout क्यों टूटता है, इस पर focused मार्गदर्शिका.

आगे क्या पढ़ें