Cambalache 찍먹하기

gvsbuild + theme 찍먹하기

지난날 우리는 테마적용을 성공적으로 찍먹했다.

이제 다음 절차로 UI 디자인을 찍먹할 차례이다.

wsl 로 진행한다.

---

sudo apt install flatpak
flatpak remote-add --if-not-exists flathub https://flathub.org/repo/flathub.flatpakrepo
flatpak install flathub ar.xjuan.Cambalache
y
flatpak run ar.xjuan.Cambalache

실행하면 다음과 같은 화면이 뜬다.

---

<?xml version="1.0" encoding="UTF-8"?>
<interface>
  <requires lib="gtk" version="4.0"/>
  
  <object class="GtkWindow" id="main_window">
    <property name="title">UI Builder 찍먹</property>
    <property name="default-width">400</property>
    <property name="default-height">300</property>

    <child>
      <object class="GtkBox" id="main_box">
        <property name="orientation">vertical</property>
        <property name="spacing">20</property>
        <property name="halign">center</property>
        <property name="valign">center</property>

        <child>
          <object class="GtkLabel" id="hello_label">
            <property name="label">버튼을 눌러보세요!</property>
            <property name="css-classes">title-1</property>
          </object>
        </child>

        <child>
          <object class="GtkButton" id="count_btn">
            <property name="label">카운트 증가 (+1)</property>
            <property name="css-classes">suggested-action</property>
          </object>
        </child>

        <child>
          <object class="GtkButton" id="close_btn">
            <property name="label">종료하기</property>
            <property name="css-classes">destructive-action</property>
          </object>
        </child>

      </object>
    </child>
  </object>
</interface>

---

flatpak run ar.xjuan.Cambalache

---

Open 누른다.

---

window.ui 가 있는 디렉터리를 선택하고 ctrl + L 을 눌러서 검색을 활성화 하고

다음과 같이 window.ui를 입력한다.

---

그럼 다음과 같이 UI 가 보여진다.