[Unity2D] 텍스트 길이에 맞게 사이즈 자동 조절되는 이미지

Unity 2025. 12. 29. 23:08 |
반응형

텍스트 길이에 맞게 사이즈가 자동으로 조절되는 UI 이미지를 만들어 보자.

 

짧은 텍스트

 

긴 텍스트

 

dialog box.png
0.00MB

대화 상자 이미지를 임포트한다.

 

 

대화상자 이미지 인스펙터 창에서 아래와 같이 변경하고 Apply를 클릭한다.

  • Sprite Mode - Single
  • Mesh Type - Full Rect
  • Filter Mode - Point (no filter)
  • Compression - None

 

 

Sprite Editor에서 적당히 Border를 설정한다.

 

UI - Image를 생성하고 그 하위에 UI - Text - TextMeshPro를 생성한다.

 

 

Text 오브젝트는 아래와 같이 설정한다.

  • Font Asset - 필요하다면 Window - TextMeshPro - Font Asset Creator에서 폰트를 생성해 지정한다.
  • Alignment - Center, Middle 설정

 

 

 

Image 오브젝트는 아래와 같이 설정한다.

  • Source Image - 위에서 설정한 대화 상자 이미지를 지정한다.
  • Image Type - Sliced

Vertical Layout Group 컴포넌트 추가

  • Padding - 이미지와 텍스트에 맞게 적당히 설정한다.
  • Child Alignment - Middle Center
  • Control Child Size - Width, Height 체크 (Height는 꼭 하지 않아도 된다)

Content Size Fitter 추가

  • Horizontal Fit - Preferred Size

 

이제 텍스트를 변경해 보자.

 

변경된 텍스트 길이에 맞게 이미지 사이즈가 자동으로 조절된다.

 

반응형
저작자표시 비영리 변경금지 (새창열림)

'Unity' 카테고리의 다른 글

[Unity2D] 2D Sprite에 Text 추가하기  (0) 2025.12.29
[Unity] RectTransform with Content Size Filter  (0) 2025.12.29
[Unity] Transparent Background Application 투명 배경 애플리케이션  (0) 2025.12.24
[Unity] Input System Package 유니티 입력 시스템  (0) 2025.12.24
[Unity2D] Tilemap & Sprite Collision and Shadow 타일맵 & 스프라이트 충돌 및 그림자  (2) 2025.06.02
Posted by J-sean
:

C# WinForm UI - MetroModernUI, MaterialSkin

C# 2025. 3. 31. 23:12 |
반응형

C# Windows Forms App(.NET Framework) 프로젝트를 만들고 Nuget Package Manager를 실행한다.

 

MetroModerUI를 설치한다.

 

Form1 클래스가 MetroFramework.Forms.MetroForm클래스를 상속하도록 바꾼다.

 

빌드하고 실행하면 깔끔한 Form이 만들어진다.

 

상단의 Form1 텍스트는 Text 에서 바꿀 수 있다.

 

아니면 DisplayHeader를 False로 설정하면 없앨 수 있다.

그 밖에 Style이나 Theme 속성을 변경하면 전체적인 스타일과 테마를 바꿀 수 있다.

 

 

이번엔 MaterialSkin을 사용해 보자.

 

MaterialSkin을 설치한다.

 

MaterialSkin, MaterialSkin.Controls를 추가하고 Form1이 MaterialForm을 상속하도록 바꾼다.

 

빌드하고 실행하면 안드로이드 분위기의 Form이 생성된다.

 

스킨 테마는 코드로 변경할 수 있다.

 

Dark 테마가 적용된다.

 

반응형
저작자표시 비영리 변경금지 (새창열림)

'C#' 카테고리의 다른 글

[C#] 난수 생성, 배열 섞기, 리스트 컴프리헨션  (1) 2025.12.30
[C#] 파일 내용 읽고 한 줄씩 출력하기  (0) 2025.12.29
C#에서 Python Script 실행하기  (0) 2025.02.04
C# Volume Auto Control Volume limit Program 자동 볼륨 조절 제한 프로그램  (0) 2023.10.31
C# Sound Meter 사운드 미터  (0) 2023.10.28
Posted by J-sean
:

User Interface Manipulation From UI Thread - 다른 스레드에서 UI 객체 접근하기

Android 2022. 2. 13. 12:39 |
반응형

안드로이드 UI는 메인 스레드나 UI 스레드 외 다른 스레드에서 조작 할 수 없다. 다른 스레드에서 UI 조작 시 별다른 에러 없이 Virtual Device에서 잘 작동 되더라도 실제 기기에서는 종료되어 버린다. 아니면 테스트 시 Logcat에 아래와 같은 에러가 표시된다.

 

CalledFromWrongThreadException: Only the original thread that created a view hierarchy can touch its views.

 

텍스트뷰와 버튼을 적당히 배치한다.

 

다른 스레드에서 텍스트뷰에 접근하는 코드를 작성한다.

 

위 예제의 경우 AVD에서는 별 이상없이 동작 하지만 실제 기기에서 버튼을 터치하면 바로 종료되어 버린다. 메인스레드나 UI 스레드가 아닌 다른 스레드에서 텍스트뷰에 접근하기 때문이다.

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
package com.example.myapplication;
 
import androidx.appcompat.app.AppCompatActivity;
 
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;
 
public class MainActivity extends AppCompatActivity {
 
    TextView textView;
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
 
        textView = findViewById(R.id.textView);
        Button button = findViewById(R.id.button);
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                MyThread thread = new MyThread();
                thread.start();
            }
        });
    }
 
    class MyThread extends Thread {
        @Override
        public void run() {
            textView.post(new Runnable() {
                @Override
                public void run() {
                    textView.setText("My Thread.");
                }
            });
        }
    }
}
  

 

위와 같이 소스를 수정하고 빌드한다.

 

문제없이 잘 실행된다.

 

 

1
2
3
4
5
6
7
8
9
10
11
class MyThread extends Thread {
    @Override
    public void run() {
        textView.postDelayed(new Runnable() {
            @Override
            public void run() {
                textView.setText("My Thread");
            }
        }, 5000);
    }
}
  

 

.post()가 아닌 .postDelayed()를 사용하면 Thread.sleep()를 사용하지 않고 일정시간 후 실행할 수 있다. 위 예제는 버튼 터치 5초 후 텍스트를 바꾼다.

 

다른 스레드에서 UI 스레드에 접근 하는 방법은 여러가지가 있다. 아래 링크를 참고하자.

  • Activity.runOnUiThread(Runnable)
  • View.post(Runnable)
  • View.postDelayed(Runnable, long)

프로세스 및 스레드 개요

 

반응형
저작자표시 비영리 변경금지 (새창열림)

'Android' 카테고리의 다른 글

Text To Speech 안드로이드 TTS  (0) 2022.02.14
Message Passing with Thread 메인 스레드에서 다른 스레드로 메세지(데이터) 보내기  (0) 2022.02.14
Google Android Maps SDK 구글 안드로이드 맵  (0) 2022.02.12
Linux(Ubuntu) Database Server with PHP For Android App - 안드로이드 앱을 위한 리눅스(우분투) 데이터베이스 서버  (0) 2022.02.09
Naver Reverse Geocoding For Android 안드로이드 네이버 리버스 지오코딩  (0) 2022.02.06
Posted by J-sean
:

Qt6 설치 및 간단한 사용법

C, C++ 2021. 9. 25. 01:19 |
반응형

Qt6는 더 이상 오프라인 인스톨러를 제공하지 않는다. 오픈소스 온라인 인스톨러를 다운 받고 설치하자.

예전에는 Qt에 가입할 필요는 없었지만 지금은 아이디가 필요하다. 설치 전 미리 가입하자.

 

Latest releases - Qt - Qt 6.X.X - MSVC 2019 64-bit 만 선택하고 Developer and Designer Tools는 기본 상태 그대로 설치한다.

 

Qt 설치가 완료되면 Visual Studio - Extensions - Manage Extensions를 클릭한다.

 

Online - Visual Studio Marketplace에서 qt를 검색하고 Qt Visual Studio Tools를 설치한다. (Visual Studio 재시작이 필요하다)

 

Extensions - Qt VS Tools - Options를 클릭한다.

 

 

사용할 Qt를 추가해 주어야 한다. +아이콘을 클릭하고 Path를 클릭한다.

 

Qt가 설치된 디렉토리에서 qmake.exe 파일을 선택한다.

 

위 그림과 같이 설정 되었다면 OK를 클릭한다.

 

Qt Widgets Application 프로젝트를 만들자.

 

 

프로젝트 이름, 위치등을 지정하고 Create 버튼을 클릭한다.

 

Qt Widgets Application Wizard가 실행된다.

 

적당한 옵션을 선택한다.

 

적당한 옵션을 지정하고 Finish 버튼을 클릭한다.

 

 

소스파일이 표시된다.

 

Solution Explorer에서 UI 디자인 파일을 더블 클릭한다.

 

UI 디자인 화면이 표시된다.

 

Project Property Pages - Configuration Properties - C/C++ - Language를 클릭한다

 

 

Qt6는 C++ 17을 사용한다.

 

소스나 UI 수정없이 빌드하고 실행했을 때 위와 같은 위도우가 뜨면 성공이다. 

 

그런데 UI 디자인툴에서 PushButton - 우클릭을 해도 'Go to slot...'에 해당하는 명령어가 나오지 않는다.

그 뿐만 아니라 프로젝트 생성시 Qt Creator와 생성되는 파일도 다르고 코드를 작성해도 이해할 수 없는 방식으로 작동한다.

 

Qt Creator를 실행하고 Projects - New를 클릭한다.

 

 

Application (Qt) - Qt Widgets Application을 선택한다. 나머지 옵션은 적당히 선택한다.

 

Visual Studio와는 약간 다른 파일들이 생성되었다.

 

Forms - mainwindow.ui를 더블 클릭한다.

 

Label과 Pushbutton을 적당히 배치하고 Pushbutton에서 우클릭 - Go to slot...을 클릭한다.

 

 

clicked()를 선택하고 OK 버튼을 클릭한다.

 

mainwindow.cpp에 on_pushButton_clicked()가 생성되었다. (mainwindow.h 파일도 변경된다)

 

mainwindow.h 파일을 위와 같이 수정한다.

 

mainwindow.cpp 파일을 위와 같이 수정하고 빌드한다.

 

 

프로젝트를 실행하면 위와 같은 윈도우가 나타난다.

 

Pushbutton을 클릭하면 Label이 변경된다.

 

Pushbutton을 클릭할때마다 Label은 계속 변경된다.

다른 간단한 예제는 아래 링크를 참고한다.

2019.01.16 - [C, C++] - Qt 설치 및 간단한 사용 예

2019.02.21 - [C, C++] - Qt 스프라이트 애니매이션

 

반응형
저작자표시 비영리 변경금지 (새창열림)

'C, C++' 카테고리의 다른 글

명령창(cmd)을 열지 않고 명령 실행하고 결과 받아오기 popen(pipe open), pclose(pipe close)  (0) 2025.04.14
Qt platform plugin error fix  (0) 2021.09.26
MariaDB(MySQL) C API  (0) 2021.08.29
SQLite - C/C++  (0) 2021.08.27
Linux(Ubuntu) Qt5 Image Display - 리눅스(우분투) Qt5 이미지 디스플레이  (0) 2021.02.13
Posted by J-sean
:

티스토리툴바