현재 위치

홈 ›› Forums ›› 공부 ›› 프로그래밍 QnA

GTK에서 GUI 디자인 노하우좀 알려주세요.

narusas의 이미지
글쓴이: narusas / 작성시간: 목, 2009/05/28 - 8:21오후

table, hbox, vbox 이걸로 Gnome Human Interface Guideline(GHIG) 따르며 국제화지원하는 디자인 할수 있기는 한겁니까?

Glade로 아무리 테스트 해봐도 "대충" 막 가져다 붙이는 UI는 만들겠는데, GUIG 따르는 UI는 Fixed 디자인뿐이 않나오는 군요. Fixed를 사용하면 당장 i18n지원에 취약점이 생기니...

padding을 상하좌우 따로 주는게 아니고 가로, 세로로 뿐이 못주는게 치명적이고, table 레이아웃은 비어있는 행,열의 width, height를 못조절하는것도 치명적이네요. 어떻게 위치를 맞출수가 없네요.

GTK에서 GUI 디자인 해보신 분들 노하우좀 알려주세요.

Forums: 
프로그래밍 QnA
7339989b62a014c4ce6e31b3540bc7b5f06455024f22753f6235c935e8e5의 이미지

글쓴이: 7339989b62a014c... / 작성시간: 목, 2009/05/28 - 11:07오후

border-width 속성을 조정하면 여백을 상하좌우 같이 줄 수 있습니다.
그리고 Table 위젯에서 빈 줄이나 열이 필요한가요?

narusas의 이미지

글쓴이: narusas / 작성시간: 목, 2009/05/28 - 11:58오후

윈도우에서 첫번째 컴포넌트는 좌상단 x:12 y:12 좌표에서 시작해야 하고 윈도우와 컴포넌트는 최소 12픽셀 간격을 유지.
각 컴포넌트의 가로 간격은 기본 6, 라벨과 연결되는 컴포넌트의 간격은 12
세로간격은 18픽셀가 기본이되 그룹이 떨어지는 경우는 24픽셀

구조적으로 들여쓰기하는 경우 들여쓰기는 12픽셀씩 들여쓰기

버튼안에 들어가는 라벨은 버튼은 좌우에 기본 12픽셀의 여백, 간격이 좁을때는 6픽셀의 간격을 두어야 함
버튼 의 가로크기는 라벨의 상하에 12픽셀 간격 .

가 Gnome Human Interface Guideline의 기본 레이아웃인데요..

Border-width로 조절하면 상하좌우가 동시에 변경되니까 저 룰을 지키는게 거의 불가능합니다.
구조적으로 들여쓰기 하듯 배치되는 컴포넌트들은 Table Layout아니면 배치가 힘들지 않나요?

7339989b62a014c4ce6e31b3540bc7b5f06455024f22753f6235c935e8e5의 이미지

글쓴이: 7339989b62a014c... / 작성시간: 금, 2009/05/29 - 9:19오전

그냥 GNOME 애플리케이션 중 하나를 잡고 코드를 분석해보시는 게 낫겠네요.
설마 GTK+에서 할 수도 없는 걸 HIG에 써놨을 리가 없죠.

댓글 달기

텍스트 포맷에 대한 자세한 정보

Filtered HTML

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

BBCode

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param>
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

Textile

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • You can use Textile markup to format text.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Markdown

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • Quick Tips:
    • Two or more spaces at a line's end = Line break
    • Double returns = Paragraph
    • *Single asterisks* or _single underscores_ = Emphasis
    • **Double** or __double__ = Strong
    • This is [a link](http://the.link.example.com "The optional title text")
    For complete details on the Markdown syntax, see the Markdown documentation and Markdown Extra documentation for tables, footnotes, and more.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Plain text

  • HTML 태그를 사용할 수 없습니다.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 줄과 단락은 자동으로 분리됩니다.
댓글 첨부 파일
이 댓글에 이미지나 파일을 업로드 합니다.
파일 크기는 8 MB보다 작아야 합니다.
허용할 파일 형식: txt pdf doc xls gif jpg jpeg mp3 png rar zip.
CAPTCHA
이것은 자동으로 스팸을 올리는 것을 막기 위해서 제공됩니다.