분류 전체보기406 Android Studio Material Design 그외 4(RecyclerView 하기 전 이야기) ◎Material Design : Gogle 디자인 가이드 라인 ①Navigation Drawer ②Toolbar ③AppBar Layout, TabLayout ④Floating Action Button, SnackBar - Toast와 비슷하지만 업그레이드 된거라 생각하면 됨. ⑤CoordinatorLayout, NestedScrollView ⑥CollapsingToolbarLayout - 무너질 수 있는 툴바 ⑦RecyclerView activity_main.xml 코드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 이제 대량의 데이터 만들자. 이제 어댑터를 만들자. MaAdapter.java 코드 1 2 3 4 5 6 7 8 9 10 11 12 13 14.. 2019. 10. 1. Android Studio Material Design 그외 3 (CollapsingToolbarLayout) ◎Material Design : Gogle 디자인 가이드 라인 ①Navigation Drawer ②Toolbar ③AppBar Layout, TabLayout ④Floating Action Button, SnackBar - Toast와 비슷하지만 업그레이드 된거라 생각하면 됨. ⑤CoordinatorLayout, NestedScrollView ⑥CollapsingToolbarLayout - 무너질 수 있는 툴바 제목 줄부터 없애자. 앱바를 쓴다는 것은 material 라이브러리 추가 이제 화면 설계를 하자. 제목줄을 툴바로 대체하자. 다시 화면구성.xml로 가서 앱바 밑에 네스티드 뷰를 만들자. 그림이 사라지면서 색이 바뀌는 코드 그전 사진과 달리 이미지가 사라지고 제목이 남았을때, 자동으로 색이 바뀐.. 2019. 10. 1. Android Studio Material Design 그외 2 (CoordinatorLayout, NestedScrollView) ◎Material Design : Gogle 디자인 가이드 라인 ①Navigation Drawer ②Toolbar ③AppBar Layout, TabLayout ④Floating Action Button SnackBar - Toast와 비슷하지만 업그레이드 된거라 생각하면 됨. ⑤CoordinatorLayout NestedScrollView material 라이브러리 추가 제목 줄을 없애자. activity_main.xml 코드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 .. 2019. 9. 30. Android Studio Material Design 그외 1 (Floating Action Button, SnackBar, CoordinatorLayout) ◎Material Design : Gogle 디자인 가이드 라인 ①Navigation Drawer ②Toolbar ③AppBar Layout, TabLayout ④Floating Action Button SnackBar - Toast와 비슷하지만 업그레이드 된거라 생각하면 됨. CoordinatorLayout - 이 레이아웃을 사용하지 않으면, 밑에서 스택바가 올라왔을때, (+)를 가린다. activity_main.xml 코드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 MainActivity.java 코드 1 2 .. 2019. 9. 30. Android Studio Material Design (Navigation Drawer, Toolbar, AppBar Layout, TabLayout) ◎Material Design : Gogle 디자인 가이드 라인 ①Navigation Drawer ②Toolbar ③AppBar Layout, TabLayout 제목 줄부터 없애자. Drawer layout을 먼저 만들고 화면을 꾸미자. (1.전면은 Linear layout 2.사이드 Navigation View) 전면 대충 Linear View만 만들고 일단 사이드 메뉴를 위해 라이브러리 추가하자 이제 사이드 메뉴(헤더, 메뉴)의 헤더를 만들어보자. 이제 사이드 메뉴(헤더, 메뉴)의 헤더를 만들어보자. 앱바 안에 툴바가 들어 간 것을 볼 수 있지만 .글씨가 검은색이라 테마를 새로 만들겠다. 목록 아이콘 삼선을 만들자. 삼선 흰색으로 이제 메뉴 목록에 리스너 추가하고, 목록을 누르면 사이드 메뉴창이 자동.. 2019. 9. 30. Android Studio Navigation Drawer + ToolBar ◎Material Design : Gogle 디자인 가이드 라인 ①Navigation Drawer ②Toolbar ③AppBar Layout, TabLayout 구상 첫 화면의 제목부터 없애자. 이제 사이드 만들자 (그러기 위해선 library추가 해야함.) 이제 사이드 메뉴의 아이콘과 첫 화면의 삼선 목록, 흰색 테마 입히자. 첫화면 제목이 가운데 정렬해보자. 그럴려면 제목을 따로 만들어야 한다. 그런데, 우리가 원하는 모습이 아니다. .java에 이 코드만 써주자. 2019. 9. 27. Android Studio ToolBar ◎Material Design : Gogle 디자인 가이드 라인 ①Navigation Drawer ②Toolbar ③AppBar Layout, TabLayout 매번 제목 줄은 알아서 만들어지고 변경하기가 불편하다.. 그래서 이번 예제는 나만의 제목줄을 만들어 보겠다. 우선 위 사진 처럼 제목줄을 없애고 나만의 제목줄을 만들어 보자. 그러나 글씨색이 안예쁘다. 기본은 검은색으로 지정된다. 그래서 나만의 글씨색을 줄것이다. 그러나 이것은 제목줄만 흰색이고 나머지 추가하는 것들에는 검정색이 적용될 것이다. 그래서 제목줄에 오는 것을 다 적용하려면 테마에 색,스타일 등등을 기재하고 테마만 입히면 간단하게 전체 적용이 된다. 2019. 9. 27. Android Studio Navigation Drawer 1-2 ◎Material Design : Gogle 디자인 가이드 라인 ①Navigation Drawer ②Toolbar ③AppBar Layout, TabLayout Android Studio Navigation Drawer 1-1 아래 사진까지 했었다. (최종 코드는 아래에 기재했습니다.) 이전 코드에서 이제 header, menu를 추가해보자. NavigationView에 header와 menu를 추가하면 된다. 그전에 header,menu 화면 구성(.xml)을 해주자. 각 메뉴에 아이콘 추가 작업 줄을 추가해보자. 이제 메뉴를 눌렀을 때 반응을 확인해보자. 그러나 메뉴가 안닫힌다. 닫히도록하고, 아이콘색이 회색인데 그것을 설정 안하면 무조건 회색이다. 여기서 우리는 sideView가 있는 것을 알지만,.. 2019. 9. 27. Android Studio Navigation Drawer 1-1 앱 개발을 하면 각자 취향에 맞게 너무 다르다. 그래서 https://developer.android.com 사이트에 문서 항목에 디자인 가이드 라인이 있다. 여기서 앱을 어떻게 디자인 해야 사람들이 많이 앱에 머무르는지 나와있다. ◎Material Design : Gogle 디자인 가이드 라인 ①Navigation Drawer ②Toolbar ③AppBar Layout, TabLayout 어떻게 구현할 건지 간략 설명 Drawerlayout은 딱 두개의 View만 넣을 수 있다.( Contents , side Menu) 그래서 화면에 꽉차는 Navigation Drawer를 하나 만들고, 그 안에 view 두 개를 구성(Reletive, TextView r 2019. 9. 27. 이전 1 ··· 36 37 38 39 40 41 42 ··· 46 다음
