안드로이드 웹앱 콘테츠 개발자 양성(국비지원)/Android 화면 구성 기능(디자인- xml 과 java로 제어)14 Android Studio(기능) Notification - 알림창 띄우기 오늘부터 시작하는 예제들은 OS 기능을 사용하는 예제들이다. (Context에는 여러가지 기능을 사용할 수 있는 클래스들이 있다.) [ .getSystemService(클래스명)을 사용하면 기능들을 불러올 수 있다. ] 참고사항 원래 LayoutInflater inflater= getLayoutInflater(); 도 getLayoutInflater()로쓸 수 없고, .getSystemService(Context.LAYOUT_INFLATER_SERVICE); 하지만 자주 쓰는 것들은 get으로 그냥 바로 불러 올 수 있도록 해놓음. ◎Notification는 알림 메세지라고 보면 된다. 예) 문자가 오면 위에 알림창이 뜨는 것이다. 예제는 버튼을 누르면 알림창이 나오도록 해보자. 화면 구성 activit.. 2019. 10. 7. Android Studio Material Design 그외 6(BottomAppBar) 우선 material 라이브러리를 추가해준다. 제목을 없애자 흰색 메뉴바에 보일 아이콘을 추가하자. 같은 방법으로 favorite도 추가 이제 메뉴 레이아웃을 만들자. 이제 화면 구성에 BottomAppBar 위에 NestedScrollView를놓을것이다. NestedScrollView 안에는 LinearLayout이 있고 LinearLayout 안에는 TextView 3개를 넣고 배경색을 줘서 스크롤이 되는 것 확인할 것이다. 이제 버튼을 추가해보자. snack bar를 띄우는 역할 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 3.. 2019. 10. 2. Android Studio Material Design 그외 6(BottomSheetDialog) 버튼을 누르면 밑에서 다이얼로그가 생기고, 터치했을 때 몇 번째 position인지 Toast로 띄웠다. ( 밑에 숨겨진 이미지도 있다.) 우선 material 라이브러리를 추가해준다. 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 activity.xml 코드만 작성해도 밑에서 드래그하여 보여진다. 이제 버튼을 눌렀을 때, 아래에서 다이얼로그가 올라오게 해보자. 우선 보여질 layout 이 필요하다. bottom_dialog.xml 1 2 3 4 5 6 7 8 9 10 11 12 13 arrays.xml 코드 1 2 3 4 5 6 7 8 9 서울특별시 대전광역시 인천광역시 부.. 2019. 10. 1. Android Studio Material Design 그외 5(bottomnavigation) bottomnavigation을 이용해서 화면 배경색을 바꾸는 예제. 우선 먼저 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 bottom.xml 코드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 MainActivity.java 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 4.. 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. 이전 1 2 다음
