Learn

Android View Center & Constraint Layout Bias 사용법

1457

안녕하세요. 크래커나인 입니다. Cracker9 사용은 익숙해지셨나요? 오늘은 Center와 Bias 기능을 사용하여 코드를 생성하는 방법에 대해 알려드리도록 하겠습니다. Android Studio에는 Center 속성을 코드로 작성할 수 있는데요. Cracker9에서는 어떻게 Center 코드를 생성할 수 있는지, 그리고 어떤 상황에서 Bias 기능을 사용하는지 알아보도록 하겠습니다. 1. Linear Layout에서 Center STEP 01 > View Panel에서 Design Panel로…

Custom Layout 사용법

931

안녕하세요. 크래커나인 입니다. Custom Layout은 디자이너가 만들어 주지 못한 영역을 개발자가 임의의 영역을 직접 그려 레이아웃을 구성 할 수 있도록 만든 기능입니다. 사용하는 방법은 매우 간편해서 쉽게 사용할 수 있습니다. 먼저 Custom Layout이 필요한 경우를 알아볼까요? 예를 들어 리스트로 되어 있는 디자인일 때 각각 하나의 리스트를 감싸주는 영역이 필요한데요. 이 때 디자이너가…

Constraint Layout의 Weight 사용법

811

안녕하세요. 크래커나인 입니다. 이번에는 Cracker9 App으로 Constraint Layout 코드를 생성해보도록 하겠습니다. 지난번 Linear Layout에서 Weight를 사용하는 방법에 대해 다루면서 Linear와 Constraint에서 Weight를 사용하는 방법이 다르다고 언급했었습니다. 자, 그럼 Constraint Layout에서 Weight 입력을 어떻게 하는지 알아볼까요? STEP 01 > View Panel에서 Design Panel로 아이템을 끌어옵니다. STEP 02 > Constraint에서 Weight를 주기…

Constraint Layout 사용법

851

안녕하세요. 크래커나인 입니다. 오늘은 Constraint Layout을 사용하여 코드를 생성해보도록 하겠습니다. 1. Constraint Layout 소개 Constraint Layout은 2016년 Google I/O에서 처음 소개되었습니다. Constraint Layout이라는 개념은 개발자가 인터페이스를 더욱 풍부한 표현 방식으로 개발할 수 있도록 제공하기 시작했습니다. 더 정확한 Constraint Layout에 대한 설명은 이 곳을 참고해주세요. 2. Cracker9에서 관계맺기 방법 …

Relative Layout 사용법

861

안녕하세요. 크래커나인 입니다. 오늘은 Relaitve Layout을 사용하여 코드를 생성해보도록 하겠습니다. 1. Relative Layout 소개 Relative는 부모 혹은 다른 자식 View와의 상대적 위치를 이용해 화면을 구성하는 방법입니다. 더 정확한 Relative Layout에 대한 설명은 이 곳을 참고해주세요. 기준이 되는 View A와 다른 View B가 있다면 아래와 같은 경우는 ‘B가 A의 왼쪽에…

Linear Layout의 Weight 사용법

871

안녕하세요. 크래커나인 입니다. 이번에는 Linear Layout에서 Weight 기능을 사용해보도록 하겠습니다. Cracker9 App을 실행하신 후 상단 부분을 보시면 Design Tool bar가 있습니다. 이 중에서 Weight 기능을 다룰건데요, Cracker9에서 Weight는 Linear Layout과 Constraint Layout에서 사용할 수 있습니다. 그리고 두 Layout마다 Weight를 사용하는 방법이 다릅니다. Linear Layout은 반드시 부모 Layout을 선택 해야만 Weight를 입력할 수…

Linear Layout 사용법

960

안녕하세요. 크래커나인 입니다. 이번에는 Cracker9 App으로 Linear Layout 코드를 생성해보도록 하겠습니다. 1. Cracker9에서 사용 STEP 01 > 레이아웃을 구성해야하는 View들을 왼쪽에 있는 View Panel에서 선택합니다. 이 때 Shift를 누르고 선택을 원하는 영역을 드래그 하거나 Ctrl (혹은 Command)를 누르고 View를 하나씩 선택해주세요. STEP 02 > 선택된 View를 오른쪽에 있는 Design Panel로…

Sketch Plugin 사용법

1791

안녕하세요. 크래커나인 입니다. Cracker9 App을 사용하기 위해서는 먼저 Sketch로 디자인 된 Screen이 필요한데요. 디자인 된 Screen은 Cracker9 Plugin으로 링크 생성을 할 수 있기 때문이죠. 자 그럼, Cracker9 Plugin을 사용하여 Screen 추출과 링크를 생성해볼까요? 아직 Cracker9을 다운로드 하지 않으신 분은 다운로드 받아 주세요. 1. Sketch에서 Asset Export Assets(PNG, JPG, SVG)으로 추출해야할 Layer를 선택한…

카테고리

Login

Register

Send message