상상하라 그리고 현실로 만들어라.

상상하는 모든 것이 미래다.

반응형

Kotlin과 Android 34

코틀린으로 안드로이드 스피너(Spinner) 한방에 끝내기

안녕하세요, 반갑습니다! 안드로이드에는 많은 기능 있습니다. 그 중 아래로 펼쳐지며 메뉴를 보여주는 유용한 기능이 있는데요. 가장 흔하게 보이는 앱이 있다면 사진첩 또는 브라우저가 아닐까 싶습니다. 스피너(Spinner) 어떻게 보면 리싸이클러뷰(RecyclerView) 의 축소판이라고도 할 수 있습니다. 보고 있는 화면을 방해하지 않으면서도 여러 기능을 쓸 수 있도록 다양한 메뉴를 제공, 화면에 즉각 반영될 수 있도록 하는 도구입니다. 먼저 .xml 만들어보도록 하겠습니다. 1. .xml 파일에 스피너(Spinner) 배치하기 저는 아래처럼 스피너(Spinner)와 이미지 뷰(Image View) 1개를 배치했습니다. 그래서 .xml 은 간단히 이렇게 구성됩니다. 2. 스피너(Spinner)에 들어갈 ..

코틀린으로 안드로이드 레이팅바(RatingBar) 한방에 끝내기!

안녕하세요, 반갑습니다! 게임을 하거나 음악을 듣거나 상품을 구입하고 우리는 리뷰를 남깁니다. 그리고 상품이 얼마나 만족스러웠는지 점수도 줄 수 있습니다. 쇼핑몰, 앱스토어 등에서 정말 흔하게 볼 수 있는 별점! 안드로이드에서 기본적으로 제공하는 기능이 있습니다. 바로, 레이팅바(Rating Bar) 평가 점수를 주는데 가장 직관적인 UI 가 아닌가 싶습니다. 사용자는 손 쉽게 원하는 별 개수를 클릭 및 드래그하면 되니까요. 이 레이팅바도 프로그래스바, 시크바 등과 마찬가지로 간단하게 구현할 수 있습니다. 같이 만들어보시죠. 간단하게 만들 수 있습니다. 1. .xml 파일에 레이팅바 배치하기 저는 심플하게 레이팅바(RatingBar) 와 점수를 나타내는 TextView 만 배치했습니다. 레이팅 바를 사용..

코틀린으로 안드로이드 시크바(SeekBar) 한방에 끝내기!

안녕하세요, 반갑습니다! 프로그래스바(ProgressBar) 와 비슷한 UI 가 하나 있습니다. 프로그래스바(ProgressBar)와 마친가지로 진행도를 나타내는 UI 인데요. 단순히 진행도만을 보여주는 프로그래스바(ProgressBar)와 달리 직접 조절까지 가능한 UI 입니다. 그래서 볼륨 조절, 화면 밝기 조절이 가장 대표적이지 않을까 싶습니다. 음악 및 동영상 플레이어에서 재생 시간을 조절하는 용도로도 정말 많이 볼 수 있습니다. 시크바(SeekBar) 한방에 끝내기! 볼륨 조절, 화면 밝기 등 모바일 앱에서는 정말 많이 쓰이는 기능 중 하나가 아닐까 합니다. 그래서 저도 화면 밝기를 조절할 수 있는 시크바(SeekBar) 를 만들어 보도록 하겠습니다. 간단합니다. 같이 한번 만들어 보시죠. 1...

코틀린으로 안드로이드 ProgressBar 한방에 끝내기!

안녕하세요, 반갑습니다! 게임을 처음 다운로드 할 때, 음악이 재생되고 있을 때, 무언가가 백그라운드에서 진행되고 있을 때, 개발자인 우리는 사용자에게 '무언가' 를 보여줘야 합니다. 안그러면 사용자는 음악을 얼마나 들었는지, 게임은 언제할 수 있는지 전~혀 모르기 때문이죠 그래서 반드시 이 기능을 사용해야 합니다. 무언가 진행되고 있는 것을 직관적으로 보여줄 수 있는 UI 입니다. 프로그래스바 (ProgressBar) 진행도를 %로 보여주는 UI 입니다. 최근에는 앱 설치 후 다운로드 하는 경우가 많기 때문에 게임에서 많이 볼 수 있구요. 음악, 동영상 플레이어에서도 많이 사용됩니다. 다운로드 받을 때도 당연히 사용되구요. 그럼, 바로 만들어 보겠습니다. 1. .xml 에 ProgressBar 설치하기..

코틀린으로 안드로이드 체크박스(Check Box) 한방에 끝내기!

안녕하세요, 반갑습니다! 지난번에는 여러개 중에 단 하나만 선택해야 하는 Radio Button 에 대해 다뤄봤습니다. 하지만 한 개 이상을 선택해야 할 때도 있겠죠? 그래서 오늘은, 다중선택을 할 수 있는 그 기능! 체크 박스(Check Box) 바로 만들어보겠습니다. 각 체크박스를 클릭하면 체크됨과 함께 각 체크박스의 글자 색이 변경되도록 했습니다. 그리고 해당 체크박스의 Text가 Toast 로 출력됩니다. 1. .xml 파일에 체크박스(Check Box) 배치하기 LinearLayout 안에 5개의 체크박스(Check Box)를 만들어 넣었습니다. . . . 2. 체크박스(Check Box) 에 Listener() 연결하기 체크박스(Check Box)의 터치 이벤트를 감지하는 setOnCheckC..

반응형