Mobile

    [Kotlin] 위젯 - SeekBar, RatingBar

    [Kotlin] 위젯 - SeekBar, RatingBar

    1. SeekBar SeekBar는 볼륨이나 밝기 같은 조정기능을 담당하는 위젯입니다. SeekBar는 Progress와 max를 통해 SeekBar의 시작 값과 변경 가능한 최댓값을 설정할 수 있으며 다음과 같이 Listener를 구현해 변경 값을 확인할 수 있습니다. seekBar.setOnSeekBarChangeListener(object : SeekBar.OnSeekBarChangeListener{ }) 위와 같이 메서드를 작성하고 난 후 메서드내부에 커서를 옮기고 Ctrl + I 키를 눌러줍니다. 그리고 나오는 Impements에서 모든 메서드를 선택한 뒤 OK 버튼을 눌러주면 다음과 같이 메서드가 추가됩니다. seekBar.setOnSeekBarChangeListener(object : See..

    [Kotlin] 시작하기 (hello world)

    [Kotlin] 시작하기 (hello world)

    android studio도 설치했고 대략적인 실행법도 살펴보았으니 이제 android studio를 통해 app 만들기를 간단히 시작해 보도록 하겠습니다. android studio를 실행하면 제일 먼저 다음과 같은 화면을 볼 수 있습니다. (만약 이전에 생성한 프로젝트가 존재한다면 좌측에 별도로 목록이 보일 수 있습니다.) 어떤 경우는 위와 같은 화면이 열리지 않고 지난번 생성했던 프로젝트가 그대로 열릴 수도 있습니다. 그런경우에는 그 상태에서 'File -> Settings'로 들어가 좌측 'Appearance & Behavior -> System Settings'를 선택한 후 'Reopen last project on startup'을 체크해제하고 다시 실행하면 됩니다. 다시 본론으로 돌아와 첫화..

    [Kotlin] 위젯 - CheckBox, ProgressBar

    [Kotlin] 위젯 - CheckBox, ProgressBar

    1. CheckBox CheckBox는 여러 개의 선택사항을 사용자에게 제공한다는 측면에서 RadioButton과 동일하지만 여러 개를 동시에 선택할 수 있다는 점이 다릅니다. 별도로 언급하지는 않겠지만 ToggleButton이나 Switch도 생긴 모양에 따라 용도에 맞게 끔 사용하면 될 뿐 특별히 달라질 건 없습니다. 이는 같은 CompoundButton에서 상속받아 만들어진 위젯이기에 가능한 일인데 아래 설명에서는 CheckBox위주로 설명이 이루어지지만 기본개념과 사용방법은 같으므로 참고하시기 바랍니다. 위에서 처럼 CheckBox를 배치한뒤 각각의 속성에서 ID는 chkAir, chkShip, chkCar로 변경하고 Text를 비행기, 배, 자동차로 변경합니다. 이제 CheckBox의 체크상태 ..

    [Kotlin] 위젯 - RadioGroup

    [Kotlin] 위젯 - RadioGroup

    위젯 중 RadioButton위젯은 대부분 단 하나만 사용되는 경우는 드물고 사용자에게 여러 가지 선택사항을 제시할 때 그만큼 여러 개의 RadioButton이 사용되는 경우가 많습니다. 이때 RadioGroup을 사용해 서로 연관되는 RadioButton을 묶어 놓으면 그만큼 사용하기가 편해집니다. RadioGroup을 사용하기 위해 위젯을 디자인영역에 끌어다 놓으면 위와 같은 그림을 볼 수 있습니다. 이 상태에서 RadioButton을 방금 추가한 RadioGroup위에다가 끌어다 놓은 후 RadioGroup의 ID는 rdoGroup로 변경하고 그 안에 추가한 RadioButton의 ID는 각각 rdo_car, rdo_air, rdo_ship로, text는 자동차, 비행기, 배로 설정합니다. 필요한 ..

    [Kotlin] 위젯 - ImageButton

    [Kotlin] 위젯 - ImageButton

    ImageButton이 일반 Button과 다른 점은 텍스트 대신 이미지로 버튼 표시를 대신한다는 것입니다. 그래서 버튼의 백그라운드로 이미지를 설정하면 그 위에 다시 이미지를 올려둘 수 있으며 이미지 위주다 보니 사용 가능한 속성 자체가 ImageView와 비슷한 것들이 많습니다. ImageButton을 처음 사용하면 위에서 처럼 기본이미지를 선택하거나 원하는 이미지를 사용할 수도 있습니다. 만약 사용 하고자 하는 이미지가 있다면 다음과 같은 방법으로 우선 이미지를 추가해야 합니다. 우선 이미지를 Ctrl + C로 복사하고 Android Studio의 Project탐색기에서 Android -> app -> drawable 위치에 Ctrl + V로 붙여 넣기를 하면 Choose Destination Di..

    [Kotlin] 위젯 - Plain Text

    [Kotlin] 위젯 - Plain Text

    Plain Text는 주로 어떤 내용을 입력받을 때 사용하는 위젯이며 몇 가지 속성과 이벤트를 통해 사용법을 간단히 알아보고자 합니다. 우선 속성중 hint를 사용하면 사용자에게 입력받기 전에 어떤 정보를 입력해야 할지 알려줄 수 있습니다. 다만 이 속성의 설정으로 인한 변화를 보려면 text속성을 지워야 합니다. 또한 inputType을 조정하면 상황에 따라 맞는 키보드입력환경을 제공할 수 있습니다. 여러 가지 Type을 동시에 선택할 수 있지만 실제 Type을 너무 섞어놓게 되면 제대로 된 환경을 제공할 수 없습니다. 아래는 inputType을 Date로만 설정한 예입니다. Type에 따른 용도는 Date 날짜, number 숫자, Url 인터넷주소등 Type이름을 보면 거의 유추가 가능합니다. 위 ..

    [Kotlin] 위젯 - 텍스트뷰(TextView)

    [Kotlin] 위젯 - 텍스트뷰(TextView)

    화면상에 보이는 텍스트 뷰나 버튼 같은 것들을 위젯이라고 합니다. 사실 '위젯'이라는 단어는 워낙 다양한 곳에서 활용되기 때문에 혼동하기 쉬울 수 있으므로 상황에 따라 잘 이해해야 할 필요가 있습니다. 우리가 사용할 수 있는 위젯은 Android Studio에서 팔레트(Palette)에 있으며 종류에 따라 아래의 형태로 분류되어 있습니다. Common 자주 사용되는 위젯들의 모음입니다. Text 텍스트와 관련된 위젯입니다. 해당 메뉴앞에 ab라고 되어 있는것은 텍스트를 표시하기 위한 위젯이며 ab에 밑줄이 있는 위젯은 텍스트를 입력받기 위한 위젯입니다. Buttons 버튼이나 라디오, 스위치같이 클릭이나 터치이벤트를 받은 위젯입니다. Widgets 이미지나 진행상태등 화면에 표시되는 위젯입니다. Layo..

    [Kotlin] 레이아웃(Layout) - 리니어

    [Kotlin] 레이아웃(Layout) - 리니어

    리니어 레이아웃은 위젯을 가로 혹은 세로로 배치하기 위한 레이아웃입니다. 각각의 레이아웃에서는 사용가능한 설정이 상당히 많고 모든걸 다 알 수 없기 때문에 여기서는 간단히 어떤 용도로 사용한다는 정도만 알고자 합니다. 이 레이아웃을 사용하기 위해서는 기존 레이아웃을 아래와 같이 변경하거나 기존 레이아웃에 새로운 리니어 레이아웃을 추가하면 됩니다. 리니어 레이아웃은 2가지가 있는데 Horizontal은 위젯을 가로로 Vertical은 위젯을 세로로 정렬합니다. 각 방향에 대한 전환은 컴포넌트 트리의 레이아웃에서 마우스 오른쪽 버튼을 눌러 'LinearLayout -> Convert orientation to [방향]'을 선택하면 됩니다. 위젯이 배치된 상태에서 각각의 요소가 차지하는 공간비율을 변경하려면 ..