Android/Basic

[Android] SVG 사용하기

1. 먼저 PNG대신 SVG로 아이콘, 이미지를 저장한다! 2. 프로젝트 창에서 app -> new -> Vector Asset을 클릭한다 3. Asset Type 에서 Local file을 선택하고, next -> finish 버튼을 클릭한다. 4. drawable파일에서 vector파일로 잘 들어갔는지 확인한다! 다음 그림과 같이 잘 변환되었으면 거의 끝! 5. src에 해당 drawable 파일을 참조하면 끝~!! PNG로 했을 때 이미지 해상도가 깨졌던 문제가 있었는데, SVG로 해당 문제를 해결했다!!!

[Android] PNG vs SVG 어떤 것이 정답일까?

PNG 안드로이드 개발을 시작하면서 디자이너가 디자인한 아이콘, 이미지 등을 보통 PNG로 받아왔다. 하지만 해상도에 따라 이미지의 사이즈가 나의 의도와는 다르게 바뀌는 경우가 있었다.... 바로 src 에 PNG파일을 그대로 넣어서 사용했는데, 이렇게 하면 위와 같은 문제가 발생했고, 많이 찾아보다가 안드로이드에서 이를 방지하기 위해 drawable 폴더를 dpi값에 따라 나누었다고 한다. 따라서 디자이너가 다양한 안드로이드의 기기들의 크기, dpi, 해상도별 다른 사이즈로 PNG를 제공해야 한다는 단점이 존재했다.... 이거 때문에 여태까지 어떤 이미지는 내가 원하는 만큼 잘 나왔지만.. 어떤 이미지는 해상도가 많이 깨지는 문제가 발생했다 SVG png를 사용하지 않고, svg를 사용할 경우에는 디자..

[Android] width, height 0dp로 설정하기

위의 그림과 같이 하나의 내용으로 너비가 꽉찬 경우라면 android:layout_width="match_parent" android:layout_height="wrap_content" 위와 같이 너비는 match로, height는 wrap으로 준 다음 android:layout_marginHorizontal="16dp" margin을 이용하여 양 옆에 간격을 두면 쉽게 가능하다. 하지만!! 이렇게 두 가지의 내용 EditText, Button 있는 경우라면 너비에 딱 알맞게 크기에 맞춰서 뷰가 완성이 되어야한다. 이 때 0dp로 설정하여 문제를 해결할 수 있다!! 먼저 오른쪽의 버튼 코드부터 살펴보자 android:layout_width="72dp" android:layout_height="wrap_c..

[Android] ViewPager를 이용한 TabLayout

클릭하여 프래그먼트를 이동시킬 수 있는 TabLayout을 ViewPager로 연결하여 슬라이드로 넘기는 형태로도 프래그먼트를 이동시킬 수 있다!! 앨범 프래그먼트에서 먼저 TabLayout의 자리와 ViewPager2의 자리를 먼저 잡아주자. 이렇게 위와 같은 형태로 자리를 잡아 주었으면 전 게시물 처럼 어댑터클래스를 만들어주어야한다. 앨범프래그먼트와 각각의 프래그먼트(수록곡, 상세정보, 영상)들을 연결해줄 AlbumVPAapter클래스를 생성해준다. class AlbumVPAdapter(fragment : Fragment) : FragmentStateAdapter(fragment) { override fun getItemCount(): Int { return 3 //3개의 프래그먼트가 있기 때문에 }..

[Android] ViewPager 로 Banner 구현

ViewPager를 이용하여 FLO앱의 배너를 구현해보자. 먼저 단순히 이미지뷰로 설정했었던 이미지를 ViewPager2 로 바꾸자. ViewPager와 ViewPager2가 있는데, 2는 VIewPager의 단점을 보완하며 새로 나온 버전이라 생각하면 된다. 위의 코드처럼 ViewPager2로 배너의 위치를 먼저 잡아주자. 그 다음 배너프래그먼트를 만들고, 홈프래그먼트와 연결해줄 배너 Adapter클래스도 생성해주자. 어댑터는 홈프래그먼트와 배너프래그먼트를 연결해주는 연결 선이라고 생각하면 된다! 다음은 배너프래그먼트.xml파일이다. 위의 코드에서 주의할 점이 있다!! 전체 뷰의 height를 wrap_content로 잡아주어야 한다. 왜냐하면 이 xml파일은 단순히 배너의 이미지만 담기 때문에 딱 그..