앱 비지니스/안드로이드 스튜디오16 [안드로이드 앱 만들기 레이아웃 예제] 4. 블로그 게시판 화면 만들기 안드로이드 스튜디오 앱 만들기 블로그 게시판 레이아웃 예제 Layout을 활용하여 만든 간단한 레이아웃 UI입니다. 구현하려는 앱에 참고해보시기 바랍니다. 레이아웃을 사용할 줄 안다면 누구나 쉽게 구현할 수 있습니다. 이번에는 컨스트레인트레이아웃을 활용하여 블로그나 커뮤니티 등에 쓰이는 UI를 만들어 보겠습니다. 컨스 트레인 트레이 아웃의 활용에 참고하시기 바라며 리니어 레이아웃이나 렐러티브 레이아웃 등 자신에게 맞는 레이아웃으로 디자인하시기 바랍니다. 1. 기획 코드넷페이지의 디자인을 안드로이드 스튜디오 레이아웃으로 제작해보겠습니다. 제대로 된 기획을 배우고 싶으시다면 이 글을 참고하세요. [앱 비지니스] 기획의 개요 및 기획서 작성 방법 [앱 비지니스] 기획의 개요 및 기획서 작성 방법 앱(어플)의 .. 2021. 2. 9. [안드로이드 앱 만들기 레이아웃 예제] 3. 계산기 만들기 안드로이드 스튜디오 앱 만들기 계산기 레이아웃 예제 Layout을 활용하여 만든 간단한 레이아웃 UI입니다. 구현하려는 앱에 참고해보시기 바랍니다. 레이아웃을 사용 할 줄 안다면 누구나 쉽게 구현 할 수 있습니다. TableLayout이 계산기 만들 때 자주 쓰인다고 했었는데요, 이번엔 테이블 레이아웃으로 계산기화면을 만들어 보겠습니다. (테이블 레이아웃 뿐 아니라 다른 레이아웃으로도 구현 가능합니다.) 1. 기획 테이블 레이아웃으로 일반적인 계산기를 만들어 볼 겁니다. 제대로 된 기획을 배우고 싶으시다면 이 글을 참고하시기 바랍니다. [앱 비지니스] 기획의 개요 및 기획서 작성 방법 [앱 비지니스] 기획의 개요 및 기획서 작성 방법 앱(어플)의 기획 및 기획서 작성 방법 1. 앱(어플)의 기획단계 앱을.. 2021. 2. 8. [안드로이드 앱 만들기 레이아웃 예제] 2. SNS 화면 만들기 안드로이드 스튜디오 앱 만들기 SNS 화면 레이아웃 예제 Layout을 활용하여 만든 간단한 레이아웃 UI입니다. 구현하려는 앱에 참고해보시기 바랍니다. 레이아웃을 사용 할 줄 안다면 누구나 쉽게 구현 할 수 있습니다. 1. 기획 이번에도 그림판으로 간단하게 SNS 화면의 기획안을 만들었습니다. SNS에서 아이디 검색창과 설정버튼, 사진과 글을 담을 수 있는곳과 하트 표시와 댓글버튼과 댓글 쓰는 공간까지 만들어 보겠습니다. 제대로 된 기획에 대해 배우고 싶다면 이 글을 참고하세요. [앱 비지니스] 기획의 개요 및 기획서 작성 방법 [앱 비지니스] 기획의 개요 및 기획서 작성 방법 앱(어플)의 기획 및 기획서 작성 방법 1. 앱(어플)의 기획단계 앱을 만들려고 한다면 어떤것을 먼저 생각해야 할까요? 1-1.. 2021. 2. 5. [안드로이드 앱 만들기 레이아웃 예제] 1. 로그인 화면 만들기 안드로이드 스튜디오 앱 만들기 로그인 화면 레이아웃 예제 Layout을 활용하여 만든 간단한 레이아웃 UI입니다. 구현하려는 앱에 참고해보시기 바랍니다. 레이아웃을 사용 할 줄 안다면 누구나 쉽게 구현 할 수 있습니다. 1. 기획 기획이라고 거창하게 할 필요가 없습니다. 대략적으로 어떤 위치에 어떤 요소가 있어야 할지 정해두어야 레이아웃을 작성하기 쉬워집니다. 저는 그림판으로 대략적인 기본 로그인화면을 만들었고 이것을 참고로 구현 할 것입니다. 제대로 된 기획을 배우고 싶으시다면 여기에서 참고 해주세요. [앱 비지니스] 기획의 개요 및 기획서 작성 방법 [앱 비지니스] 기획의 개요 및 기획서 작성 방법 앱(어플)의 기획 및 기획서 작성 방법 1. 앱(어플)의 기획단계 앱을 만들려고 한다면 어떤것을 먼저 .. 2021. 2. 4. [안드로이드 앱 만들기 기초] Layout(레이아웃) 속성, 사용법 모음 Layout(레이아웃)들의 속성과 사용법 모음 앞서 얘기한 레이아웃들의 속성을 모아 놓았습니다. 프로그램 제작 시 필요할때 꺼내 보는식으로 보면 좋을듯 합니다. 0. 바로가기 0-1. Linear레이아웃 0-2. Relative레이아웃 0-3. Table레이아웃 0-4. Constraint레이아웃 1. LinearLayout (리니어 레이아웃) 속성 orientation - horizontal, vertical 나열 방향을 정합니다. weight - 가중치를 정합니다. 2. RelativeLayout(렐러티브 레이아웃) 속성 2-1. 뷰로 설정 layout_to[위치]Of="[대상]" - [대상]의 [위치]로 지정. 사용 가능 위치 Right, Left, above(위), below(밑), StartOf.. 2021. 2. 4. [안드로이드 앱 만들기 기초] ConstraintLayout(컨스트레인트 레이아웃) 사용법, 속성 ConstraintLayout사용법과 속성 레이아웃(Layout)의 종류 중 하나인 ConstraintLayout에 대해 더 자세히 알아 보겠습니다. ConstraintLayout(컨스트레인트 레이아웃) Constraint(제약, 제한, 조건)Layout은 뷰에 여러 조건을 주어 위치를 지정해 줍니다. 컨스트레인트레이아웃에서 조건을 정해주는 속성을 입력 해주지 않으면 위치를 잡지 못하고 에러가 뜹니다. 속성 layout_constraint[위치1]_to[위치2]Of="[대상]" - 지정 할 뷰의 [위치1]을 [대상]의 [위치2]에 지정합니다. 위치에 들어갈 코드는 Right, Left, Top, Bottom, Baseline, Start, End가 있습니다. layout_constraintCircle=".. 2021. 2. 3. [안드로이드 앱 만들기 기초] TableLayout(테이블 레이아웃) 사용법, 속성 TableLayout 사용법과 속성 레이아웃(Layout)의 종류 중 하나인 TableLayout에 대해 더 자세히 알아 보겠습니다. TableLayout(테이블 레이아웃) Table(표)Layout은 뷰들을 표처럼 배치 할 수 있습니다. 일반적인 표가 행(가로 방향, Row, 三)과 열(세로 방향, 川)로 구성 되어 있듯이 테이블 레이아웃 또한 행과 열로 구성되어있으며 열은 따로 지정 하지 않고 행을 추가 함으로 표를 만듭니다. 속성 - 테이블 레이아웃의 행을 추가 해줍니다. 중간에 뷰를 넣어줍니다. 레이아웃을 사용하듯이 써줍니다. weight로 가중치를 줄 수도 있습니다. 테이블 레이아웃은 리니어 레이아웃을 상속 받기 때문에 리니어 레이아웃의 속성을 그대로 받습니다. weight - 가중치를 추가 해.. 2021. 2. 2. [안드로이드 앱 만들기 기초] RelativeLayout(렐러티브 레이아웃) 사용법, 속성 RelativeLayout 사용법과 속성 레이아웃(Layout)의 종류 중 하나인 RelativeLayout에 대해 더 자세히 알아 보겠습니다. RelativeLayout(렐러티브 레이아웃) Relative(상대적인)Lauout은 기준의 위치에 따라 상대적으로 위치를 지정 할 수 있습니다. 기준은 뷰가 될 수도 있고 렐러티브레이아웃(부모, parent) 자체가 될 수도 있습니다. 속성 1. 뷰로 설정 layout_toRightOf="@" @뷰의 오른쪽 layout_toLeftOf="@" @뷰의 왼쪽 layout_aboveOf="@" @뷰의 위 layout_belowOf="@" @뷰의 밑 layout_toStartOf="@" @뷰의 시작부분 layout_toEndOf="@" @뷰의 끝부분 layout_al.. 2021. 2. 1. [안드로이드 앱 만들기 기초] LinearLayout(리니어 레이아웃) 사용법, 속성 LinearLayout 사용법과 속성 레이아웃(Layout)의 종류 중 하나인 LinearLayout에 대해 더 자세히 알아 보겠습니다. LinearLayout (리니어 레이아웃) Linear(선의, 선형의)의 뜻처럼 가로나 세로 방향으로 나열 할 때 사용합니다. 뷰의 위치를 지정 하지 않아도 중첩되지 않고 자동으로 나열됩니다. 속성 orientation - horizontal, vertical 나열 방향을 정합니다. weight - 가중치를 정합니다. 리니어 레이아웃에서 orientation으로 vertical(수직, 세로, 위에서 아래) 또는 horizontal(수평, 가로, 왼쪽에서 오른쪽)으로 지정 가능합니다. orientation속성을 쓰지 않으면 기본적으로 horizontal로 나열되게 되어있.. 2021. 1. 30. [안드로이드 앱 만들기 기초] View, 위젯의 종류와 속성 View, 위젯의 종류와 속성 뷰의 종류와 속성을 알아보겠습니다. 1. TextView 텍스트를 표시합니다. 위젯 중 가장 기본적인 View입니다. 속성 text 텍스트를 정합니다. textSize 텍스트의 크기를 정합니다. textStyle 텍스트의 스타일을 정합니다.(진하게 같은) textColor 텍스트의 색깔을 정합니다. 2. ImageView 지정한 이미지를 보여줍니다. 색깔만 지정하여 색으로 칠 할 수도 있습니다. 속성 background 이미지 뷰의 배경색을 정합니다. src 선택한 이미지를 뷰에 담습니다. 3. ScrollView 뷰크기를 넘어가면 드래그하여 볼 수 있는 위젯입니다. 한줄에 표현하기 어려 울 때 사용합니다.(메뉴나 카테고리) 속성 horizontal 뷰안의 요소를 수평으로 .. 2021. 1. 28. [안드로이드 앱 만들기 기초] Layout의 종류와 속성 Layout의 종류와 속성 레이아웃(Layout)은 View를 예쁘게 담아주는 역할을 합니다. 레이아웃마다 성질이 달라서 구상한것에 맞게 구현하려면 레이아웃의 성질을 파악해야합니다. 자주 쓰이는 레이아웃(Layout)의 종류 1. LinearLayout (리니어 레이아웃) Linear(선의, 선형의)의 뜻처럼 가로나 세로 방향으로 일열로 나열 할 때 사용합니다. 뷰의 위치를 지정 하지 않아도 중첩되지 않고 자동으로 나열됩니다. 2. RelativeLayout(렐러티브 레이아웃) 렐러티브 레이아웃은 뷰를 특정 뷰나 부모의 위치에 맞게 배치를 할 수 있습니다. 사진에서 보시다시피 TextView1은 부모의 중앙, TextView2는 TextView1의 오른쪽이자 밑, TextView3는 TextView2의 .. 2021. 1. 27. [안드로이드 앱 만들기 기초] Layout 레이아웃 Layout이란? MainActivity의 setContentView(R.layout.activity_main)이라고 적힌 부분에서 액티비티에 할당하는 레이아웃 문서를 지정해줍니다. (프로젝트 생성 시 지정한 언어마다 조금 다르나 원리는 같습니다.) MainActivity가 프로젝트 생성 시 기본적으로 생성 되듯이 activity_main.xml 또한 기본적으로 생성 됩니다. 액티비티가 기계적으로 앱의 내부에서 작동하는 역할을 한다면 레이아웃은 사용자가 볼 수 있는 화면, UI를 작동하는 역할입니다. activity_main.xml에 액티비티에서 사용 할 레이아웃의 종류와 속성을 지정 할 수 있고 지정한 레이아웃 안에 들어 갈 요소들(View,ViewGroup)을 만들 수 있습니다. UI를 멋지게 꾸밀 .. 2021. 1. 26. [안드로이드 앱 만들기 기초] Activity 액티비티 Activity(액티비티)란? 프로젝트를 생성하면 기본적으로 MainActivity가 생성이 됩니다. AndroidManifest.xml파일에 MainActivity정보가 있습니다. Activity는 안드로이드 앱의 화면에 UI를 표시하기 위한 기본 요소입니다. Layout에서 View와 ViewGroup의 다양한 조합으로 Activity를 통해 UI를 표시합니다. Activity라는 스케치북 위에 Layout이라는 붓으로 View라는 색과 재질을 골라서 표시한다고 보면 되겠습니다. Activity 클래스의 구조는 개발자 홈페이지에서 더 자세히 확인 할 수 있습니다. Activity | Android 개발자 | Android Developers Activity | Android 개발자 | Android .. 2021. 1. 25. [안드로이드 앱 만들기 기초] Androidmanifest 구성 요소 Androidmanifest 구성 요소 안드로이드 스튜디오 프로젝트를 생성하면 기본적으로 생성 되는 xml파일인 Androidmanifest.xml입니다. Androidmanifest.xml는 앱의 전반적인 요소를 정하는 아주 중요한 문서입니다. package - 앱에서 만들어지는 패키지 이름입니다. android:allowBackup - 백업 서비스 제공 여부를 정합니다. API 23부터 지원합니다, android:icon - 앱의 아이콘을 정합니다. res/mipmap 폴더 안에 있는 ic_launcher.png 파일로 설정 되어 있습니다. android:label - 앱의 이름입니다. 프로젝트 생성 시 정한 이름으로 되어 있습니다. res/values/strings.xml에서 설정 가능하고 직접 설.. 2021. 1. 22. [안드로이드 앱 만들기 기초] 프로젝트 생성하기, 만들기 안드로이드 스튜디오 프로젝트 만들기 어플을 만들기 위해 안드로이드 스튜디오를 설치하였다면 가장 먼저 해야 할 것은 프로젝트를 만드는 것입니다. 1. 액티비티 설정 원하는 액티비티를 설정 후 Next를 누릅니다. 2. 앱 정보 설정 Name - 앱의 이름을 정합니다. Package name - 앱의 파일(apk, abb) 이름을 정합니다. 보통 'com. 회사 이름. 앱 이름'으로 지정을 많이 합니다. Save location - 프로젝트가 저장될 위치입니다. 후에 불러올 때 폴더 그대로 불러오면 됩니다. Language - 안드로이드 스튜디오에서 사용할 프로그래밍 언어를 정합니다. Minimum SDK - 최소 API레벨(안드로이드 OS 버전)을 정합니다. Use legacy android.support.. 2021. 1. 21. [안드로이드 앱 만들기 기초] 안드로이드 스튜디오 설치하기 안드로이드 스튜디오 설치하기 안드로이드 어플을 만들기 위해서 안드로이드 스튜디오를 설치해보겠습니다. 1. 안드로이드 스튜디오란? 구글에서 안드로이드 앱 개발을 위해 개발한 통합 개발 환경입니다. (JetBrains 사의 IntelliJ IDEA를 기반) 2.안드로이드 스튜디오 설치 파일 다운로드 안드로이드 개발자 사이트에서 다운로드할 수 있습니다. Download Android Studio and SDK tools | Android 스튜디오 3. 안드로이드 스튜디오 설치 설치 파일을 실행시켜 주시고 입맛에 맞게 진행하시면 구성요소를 자동으로 설치해 줍니다. 프로젝트 만들기 보러 가기 [안드로이드 앱 만들기 기초] 프로젝트 생성하기, 만들기 (tistory.com) [안드로이드 앱 만들기 기초] 프로젝트 .. 2021. 1. 20. 이전 1 다음
