[Android] CoordinatorLayout, AppBarLayout, FloatingActionButton에 대해 알아보자.
·
💻 Language/Android : 안드로이드
ToolBar, DrawerLayout, NavigationView를 구현하기 위해 열심히 알아보던 중 CoordinatorLayout, AppBarLayout, FloatingActionButton에 대해 알게되었고, 각각 어떤 기능이 있는지 공부했다. 1. CoordinatorLayout 생동감 있는 애플리케이션을 구성할 수 있도록 도와주는 기본 Activity 템플릿에 포함된 레이아웃이다. 그렇다면 CoordinatorLayout에 대한 여러 사실에 대해 알아보자. FrameLayout에 기반을 둔 Layout. FrameLayout을 상속받아 구현한다. 애플리케이션 화면의 최상위 뷰로서 사용된다. (상단이 아닌 상위임에 유의! AppBar 또는 FloatingActionButton) 자식 뷰들과의..
[Android] CoordinatorLayout을 이용한 ToolBar 만들기
·
💻 Language/Android : 안드로이드
ToolBar를 이용하여 AppBar를 구현하던 중, 안드로이드에서 기본적으로 제공하는 ToolBar 소스를 발견하게 되었다. 먼저 안드로이드 스튜디오(Android Studio)를 실행한 뒤 새 프로젝트를 생성해준다. 만약 프로젝트가 열려있는 상태라면 File → New → New Project를 클릭한다. 미리보기 사진에서 AppBar가 있는 Activity 중 아무거나 선택하면 되지만, 나는 지금 NavigationView, DrawerLayout 등을 구현하고 있는 상태이기 때문에 Navigation Drawer Activity를 선택했다. Google Play가 연상되는 안드로이드의 가장 기본적인 형태인 것 같다. 액티비티를 선택하고 Next → Finish 버튼을 순차적으로 클릭하면 약간의 빌..
[Android] Toolbar, FrameLayout, BottomNavigationView를 활용하여 상단바, 하단바 만들기 (#2 - ToolBar)
·
💻 Language/Android : 안드로이드
Android에서는 애플리케이션에 AppBar를 구현하기 위해 기본적으로 ActionBar를 제공한다. 여기서 ActionBar란? 안드로이드에서 기본적으로 제공하는 기능 중 하나로 사용자(개발자)가 커스터마이징하여 해당 앱에 맞게 사용할 수 있다. 우리가 흔히 말하는 '앱 상단바'! 안드로이드 개발에서는 AppBar라고 부른다. 그렇다면 AppBar가 ActionBar인가? AppBar를 ActioinBar라고 부르기도 하지만, AppBar=ActionBar는 아니다! AppBar는 말 그대로 애플리케이션의 최상단에 있는 바를 말하는 것이고, 그것을 ActionBar로 구현할 수 있기 때문에 혼용하여 부를 뿐이지 같은 의미는 아니다. 혼용하여 부를 수 있다면 AppBar가 ActionBar나 마찬가지 ..
[Android] Toolbar, FrameLayout, BottomNavigationView를 활용하여 상단바, 하단바 만들기 (#1 - 서론)
·
💻 Language/Android : 안드로이드
Android Studio를 활용하여 앱을 개발하고 있다. 안드로이드 앱 개발을 배운지 2년차인 지금도 안드로이드는 어려운 게 많은데, 일단 XML이라는 언어를 거의 처음 접했을 뿐만 아니라 Java 코드가 기존의 Java와 조금 다르게 XML과 연동해야 하는 부분이 많아서 어려운 것 같다. 안드로이드에 서툰 나는 XML의 대부분을 그나마 활용하기 쉬운 LinearLayout으로 구현한다. 내가 편하게 사용하는 어플의 대부분은 상단바와 중앙 콘텐츠 영역, 그리고 하단바로 구성되어 있다고 느껴 LinearLayout으로 상단바 영역, 중앙 콘텐츠 영역, 하단바 영역을 나누어 구현하였다. ... ... ... 아주 기본중의 기본이라고 할 수 있는 구성으로 만들었는데, 이렇게 구성하니 몇 가지 문제점이 발생했..