블로그 이미지
'무른모'란 부드럽다라는 뜻을 가진 '무르다'라는 말과 도구, 연장을 뜻하는 '연모'라는 순 우리말의 합성어로 소프트웨어를 말합니다. seanhigher

카테고리

분류 전체보기 (161)
Blog srart (16)
Dev Center (94)
Real Life (13)
Mac life (21)
Naver life (17)
Total662,016
Today11
Yesterday42
버튼은 사용자들로 하여금 가장 간단하게 의도를 도출할 수 있는 좋은 도구이다. 사용자가 보고 있는 여러개의 버튼 중에서 단 하나 내가 원하는 것을 큭릭하기만 하면 된다.




Round Rect Button - Implements a button that intercepts touch events and sends an action message to a target object when it's tapped. You can set the title, image, and other appearance properties of a button. In addition, you can specify a different appearance for each button state.


버튼 애트리뷰트의 항목

▼ Button
Type : 버튼의 종류를 선택할 수 있다. 종류에 따라 다른 모양의 버튼이 나타나게 된다. Custom, Detail Disclosure Info light, Info Dark, Add Contact 중에 선택할 수 있다.
[ Title, Image, Background, Text Color, Shadow 의 항목에 대해서는 Default, Highlighted, selected, disabled 의 네가지 상태에 대해서 설정을 다르게 할 수 있다. ]
Title : 버튼에 나타날 텍스트를 표현한다.
Image : 버튼의 이미지를 나타낸다.
Background : 버튼을 배경으로 이미지를 나타낸다. 이미지는 원본의 비율을 유지하지만, Background 는 전체에 가득 차게 나타낸다.
Text Color : 텍스트의 색을 나타낸다.
Shadow : 그림자 색을 나타낸다.
Shadow : 그림자의 위치를 설정한다.
Drawing : Highlight Reverses Direction, Shows Touch On Highlight, Highlighted Adjusts Image, Disabled Adjusts Image 의 네가지 항목을 설정할 수 있다.
Font : 텍스트의 종류와 크기를 설정한다.
Line Breaks : 텍스트가 라벨의 영역을 넘어설 경우 어떻게 표현할 것인지를 설정한다. Clip 은 텍스트가 그대로 잘려지고, Character wrap 과 word wrap 은 문자 단위로, 단어단위로 텍스트가 표현된다. Truncate Head, Middle, Tail 은 줄임표를 앞, 중간, 뒷 등 표시하는 위치를 설정한다.
Content, Title, Image Edge Inset : 버튼 내의 내용, 타이틀, 이미지가 표시될 위치를 설정한다. Top, Bottom, Left, Right 는 각각 기준이 되는 위치를 말한다. Top 의 경우 위를 기준으로 숫자가 커질 수록 아래로 내려가게 된다.

▼ Control
Content : 각 오브젝트들의 정렬방식을 정할 수 있다. 그림을 보면 이해할 수 있으므로 보고 알맞은 것으로 정렬을 하면 된다. Highlighted, Selected, Enabled 의 추가적인 선택 사항들이 있다. 어떤 오브젝트들을 선택하고, 정렬에 포함할 것인지에 대해 결정하게 된다.

▼ View
Mode : 뷰에서 상속을 받아 갖고 있는 속성이기 때문에 이미지 뷰의 속성의 특징을 갖지만, 텍스트에서는 크게 영향을 주지 않는다.
Alpha : 이미지의 투명도를 조절하여 뒤에 있는 화면이 보이도록 한다. 숫자가 1 이하일 경우 투명도를 위한 연산을 해야 하기 때문에 필요할 때 이외에는 사용을 자제하도록 한다.
Background : 텍스트 배경 영역의 배경색을 지정한다. 특별한 이유가 없다면 투명상태로 유지한다.
Tag : 개발자가 각 컨트롤러를 구분하기 위해 임의의 태그를 줄 수 있다. 이 항목에 있어서는 IB 나 Xcode 등 애플리케이션이 임의로 변경할 수 없기 때문에 절대적인 구분이 가능하다.
Drawing : opaque 체크박스는 불투명 상태를 설정하게 된다. 알파값과의 차이점은 텍스트가 아닌 뷰에 직접 적용된다는 것이다. Hidden 체크박스는 컨트롤를 숨기는 역할을 한다. Clear Context Before Drawing 체크박스는 실제 컨트롤을 그릴 영역을 깨끗히 지운 후에 새로운 뷰를 그리게 한다. Clip Subviews 체크박스는 하위뷰가 있을 경우 어떻게 표현하지에 대해 설정한다. 체크할 경우 보여지지 않는 부분을 삭제 한 후에 이미지를 보여주게 되는데, 이것은 아이폰 OS 의 입장에서 삭제를 하지 않고 보여주는 것보다 더 자원을 소모하는 것이기 때문에 체크를 하지 않는 것이 기본 설정이다. Autoresize Subviews 체크박스는 뷰의 크기가 변경될 경우 포함되어 있는 하위 뷰의 크기도 변경되도록 한다.
Stretching : 표현하고자 하는 영역이 뷰보다 작을 경우 어떻게 확대할 것인지에 대한 설정을 할 수 있다. 이역시 텍스트에서는 크게 작용하지 않는다.
Interaction : User Interaction Enabled 는 사용자가 객체와 어떤 액션을 할 수 있도록 허용해준다. 이미지와 라벨의 경우는 대게 일반적인 정보만을 보여주기 대문에 이 옵션을 해제해 놓는다. 하지만, 버튼과 같이 액션이 필요할 경우엔 체크를 해 주어야 한다. Multiple Touch 멀티터치 이벤트를 허용할 것인가 이다. 멀티터치를 사용하지 않는다면 해제해 놓도록 한다.
Posted by seanhigher

댓글을 달아 주세요

최근에 달린 댓글

글 보관함