728x90
300x250

[User Interface(사용자 인터페이스)] UI 설계 디자인 - 콤보박스

 

User Interface(사용자 인터페이스) 디자인에서 사용될 수 있는 콤보박스를 소개하려고 한다.

 

IDE 통합개발환경에서 제공하는 경우도 있으니 참고할 것.
Text 기반으로 작성해야 하는 경우도 있으니 아래의 자료를 참고하면 많은 도움이 될 것으로 보인다.

 


1. 콤보박스(Combobox)

 

콤보박스(Combobox)는 아래처럼 그림을 그릴 수 있다.

크게 어렵지 않다.

 

그림 1-1. Ui-Design - 도도(Dodo)

 

 

그림 1-2. Ui-Design - 도도(Dodo)

 

 

그림 1-3. Ui-Design - 도도(Dodo)

 

그림 1-4. Ui-Design - 도도(Dodo)

 

 

그림 1-5. Ui-Design - 도도(Dodo)

 

* 첨부(Attachment)

ui-combobox.7z

 


2. IDE에서 UI-Design

 

Visual Basic, Visual Studio, Eclipse 등에는 UI-Designer가 존재한다.

Eclipse에서 UI-Desiger가 작동하지 않을 경우에는 Sun Microsystems에서 배포하는 자바 개발 도구를 사용하는 것도 방법이 될 수 있다.

안드로이드스튜디오에도 디자이너를 위해서 디자인 환경을 제공하고 있다.

 


2-1. 자바 Swing에서의 WindowDesigner

 

자바 스윙에서의 윈도우 디자이너에 대해서 소개하려고 한다.

아래의 그림들은 시연에 관한 것이다.

 

 

그림 2-1-1. Eclipse - Java Swing Designer - 도도(Dodo)


 

 

그림 2-1-2. Eclipse - Java Swing Designer - 도도(Dodo)

 

 

그림 2-1-3. Eclipse - Java Swing Designer - 도도(Dodo)

 

 

그림 2-1-4. Eclipse - Java Swing Designer - 도도(Dodo)

 

 

그림 2-1-5. Eclipse - Java Swing Designer - 도도(Dodo)

 

 

그림 2-1-6. Eclipse - Java Swing Designer - 도도(Dodo)

 

 

그림 2-1-7. Eclipse - Java Swing Designer - 도도(Dodo)

 

 

그림 2-1-8. Eclipse - Java Swing Designer - 도도(Dodo)

 

 

그림 2-1-9. Eclipse - Java Swing Designer - 도도(Dodo)

 

 

그림 2-1-10. Eclipse - Java Swing Designer - 도도(Dodo)

 

참고 해야 할 점

동작에 있어서 하위 버전(JDK 10 이하)을 사용해도 되지만, JDK 10의 정책이 어떻게 돌아가는지 등도 충분히 생각해봐야 한다.

오라클의 동향 등도 모니터링을 해야 한다.

 


2-2. Ubuntu 18.04(루분투 18.04)에서 Anjuta Studio (With Glade, GTK+, GTK3)

 

이번에 시연할 것은 UI 설계를 개발도구에서도 가능한지에 관한 것이다.

가능하다.

 

 

영상 2-2. UI(사용자 인터페이스) 시연 - 도도(Dodo)

 

이클립스도 거의 비슷비슷할 것으로 보인다.

GTK+ (GTK 3.0)의 경우에는 GNU/LGPLv2.1을 적용받는다.

 


3. 결론(Conclusion)

 

이 밖에도 사용자 인터페이스에 대한 설계는 무척 중요하다고 할 수 있다.

복잡하고 어려운 기기도 예를 들면, 기계 장치도 훨씬 쉽고 이쁘게 심미적으로 단순하게 바꿀 수가 있다.

 

컴퓨터에만 적용되는 것은 아니다.

반응형

+ Recent posts