GIS Developer

selector Drawable은 상태에 따라 달라지는 Drawable로써, 상태는 enabled, selected 등이 있습니다. 버튼 등과 같은 UI에 적용함으로써 해당 버튼이 비활성되었을때, 선택되었을때에 따른 상태를 시각적으로 사용자에게 전달할 수 있습니다.

만약 상태를 enabled와 selected에 대해 구분한다면 총 3가지 Drawable이 필요한데, 기본 상태도 포함되어야 하기 때문입니다.

selector Drawable의 정의는 다음 예와 같습니다.

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:state_enabled="false"
        android:drawable="@drawable/ic_add_disabled" />

    <item
        android:state_selected="true"
        android:drawable="@drawable/ic_add_selected" />

    <item
        android:drawable="@drawable/ic_add" />
</selector>

selector를 구성하는 item의 순서가 중요한데, 가장 처음 해당되는 상태가 선택되기 때문입니다. 각 item에 대한 Drawable 중 enabled에 대한 ic_add_disabled.xml의 예시는 다음과 같습니다.

그리고 selected에 대한 ic_add_selected.xml의 예시는 다음과 같습니다.

마지막으로 기본 상태에 대한 ic_add.xml의 예시는 다음과 같습니다.

먼저 아래와 같은 UI가 있고, 설정 버튼을 터치하면 날짜를 선택할 수 있는 대화상자가 표시되며 이 대화상자에서 날짜를 지정하면 지정한 날짜를 얻기 위한 내용이다.

설정 버튼 클릭시 호출되는 코드는 다음과 같다.

btnStartDate.setOnClickListener {
    val today = GregorianCalendar()
    val year: Int = today.get(Calendar.YEAR)
    val month: Int = today.get(Calendar.MONTH)
    val date: Int = today.get(Calendar.DATE)

    val dlg = DatePickerDialog(this, object : DatePickerDialog.OnDateSetListener {
        override fun onDateSet(view: DatePicker?, year: Int, month: Int, dayOfMonth: Int) {
            etStartDate.setText("${year}년 ${month+1}월 ${dayOfMonth}일")
        }
    }, year, month, date)

    dlg.show()
}

설정 버튼 터치시 다음과 같은 대화상자가 표시된다.

안드로이드는 UI의 구성을 XML로 정의하여 생성한다. 아래는 UI를 위한 XML인 map_legend_item.xml 파일이다.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical" >

    <LinearLayout
        android:paddingHorizontal="15dp"
        android:layout_width="match_parent"
        android:layout_height="54dp"
        android:gravity="center_vertical"
        android:orientation="horizontal">

        <Switch
            android:id="@+id/swLayerVisibility"
            android:layout_weight="0"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />

        <geoservice.nexgen.maplegend.LegendSingleSymbol
            android:id="@+id/lssItem"
            android:layout_width="36dp"
            android:layout_height="36dp" />

        <Space
            android:layout_width="5dp"
            android:layout_height="1px" />

        <TextView
            android:layout_weight="1"
            android:id="@+id/tvLayerName"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="@dimen/normal_text_size"
            android:textStyle="bold"
            android:text="LayerName" />


    </LinearLayout>
</LinearLayout>

위의 XML을 통해 View를 생성하는 코드는 다음과 같다.

for( ... ) {
    val itemLayout = inflater.inflate(R.layout.map_legend_item, null, false)
    itemLayout.findViewById<TextView>(R.id.tvLayerName).setText(title)

    ...

    mainLayout.addView(itemLayout)
}

위의 코드 중 inflater는 다음 3가지 방식 중 하나를 통해 생성된다.

val inflater = layoutInflater
val inflater = LayoutInflater.from(this)
val inflater = getSystemService(Context.LAYOUT_INFLATER_SERVICE) as LayoutInflater

위의 코드를 통한 실제 결과는 다음과 같다.

안드로이드의 폰에서 찍은 사진은 내부적으로 카메라의 회전 정보가 담겨 있습니다. 폰으로 찍은 사진을 화면에 표시할때 이 화전 정보를 반영하여 촬영된 이미지를 표시해야 자연스럽습니다. 아래의 코드는 이미지 파일에 대한 회전 정보를 얻는 코드입니다.

val imageFilePath = "...... . jpg"
val ei = ExifInterface(imageFilePath)
val orientation: Int = ei.getAttributeInt(ExifInterface.TAG_ORIENTATION, ExifInterface.ORIENTATION_UNDEFINED)
val angle = when(orientation) {
    ExifInterface.ORIENTATION_ROTATE_90 -> 90f
    ExifInterface.ORIENTATION_ROTATE_180 -> 180f
    ExifInterface.ORIENTATION_ROTATE_270 -> 270f
    else -> 0f
}

위의 코드를 통해 이미지의 회전 각도르 얻어올 수 있고, 이를 토대로 이미지를 실제로 회전시키는 코드는 다음과 같습니다.

private fun resizeBitmap(src: Bitmap, size: Float, angle: Float): Bitmap {
    val width = src.width
    val height = src.height

    var newWidth = 0f
    var newHeight = 0f

    if(width > height) {
        newWidth = size
        newHeight = height.toFloat() * (newWidth / width.toFloat())
    } else {
        newHeight = size
        newWidth = width.toFloat() * (newHeight / height.toFloat())
    }

    val scaleWidth = newWidth.toFloat() / width
    val scaleHeight = newHeight.toFloat() / height

    val matrix = Matrix()

    matrix.postRotate(angle);
    matrix.postScale(scaleWidth, scaleHeight)

    val resizedBitmap = Bitmap.createBitmap(src, 0, 0, width, height, matrix, true)
    return resizedBitmap
}

위의 함수는 카메라로 찍은 이미지를 회전시켜 주는 것뿐만 아니라 이미지의 크기를 화면에 표시하기에 적당한 크기를 인자로 받아 줄여줍니다. 실제 사용하는 코드는 다음과 같습니다.

val imageFilePath = "...... . jpg"
val file = File(imageFilePath)

val angle = ...

if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.Q) {
    val source = ImageDecoder.createSource(contentResolver, Uri.fromFile(file))
    ImageDecoder.decodeBitmap(source)?.let {
        imageView.setImageBitmap(resizeBitmap(it, 900f, 0f))
    }
} else {
    MediaStore.Images.Media.getBitmap(contentResolver, Uri.fromFile(file))?.let {
        imageView.setImageBitmap(resizeBitmap(it, 900f, 0f))
    }
}