이 예는 Kotlin을 사용하여 Android에서 GridLayout을 화면 크기에 맞추는 방법을 보여줍니다.
1단계 − 새 프로젝트에서 새 프로젝트 만들기
2단계 − res/layout/activity_main.xml에 다음 코드를 추가합니다.
<?xml version="1.0" encoding="utf-8"?> <GridLayout xmlns:android="https://schemas.android.com/apk/res/android" xmlns:tools="https://schemas.android.com/tools" android:id="@+id/tableGrid" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:columnCount="4" android:orientation="horizontal" tools:context=".MainActivity"> <Button android:text="1" /> <Button android:text="2" /> <Button android:text="3" /> <Button android:text="4" /> <Button android:text="5" /> <Button android:text="6" /> <Button android:text="7" /> <Button android:text="8" /> <Button android:text="9" /> <Button android:text="10" /> <Button android:text="11" /> <Button android:text="12" /> <Button android:text="13" /> <Button android:text="14" /> <Button android:text="15" /> <Button android:text="16" /> </GridLayout>
3단계 − src/MainActivity.kt에 다음 코드 추가
import android.os.Bundle
import android.view.Gravity
import android.widget.GridLayout
import android.widget.ImageView
import android.widget.TableLayout
import androidx.appcompat.app.AppCompatActivity
class MainActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
title = "KotlinApp"
val gridLayout = findViewById<GridLayout>(R.id.tableGrid)
gridLayout.removeAllViews()
val total = 12
val column = 5
val row = total / column
gridLayout.columnCount = column
gridLayout.rowCount = row + 1
var i = 0
var c = 0
var r = 0
while (i < total) {
if (c == column) {
c = 0
r++
}
val oImageView = ImageView(this)
oImageView.setImageResource(R.drawable.ic_launcher_background)
val param = GridLayout.LayoutParams()
param.height = TableLayout.LayoutParams.WRAP_CONTENT
param.width = TableLayout.LayoutParams.WRAP_CONTENT
param.rightMargin = 5
param.topMargin = 5
param.setGravity(Gravity.CENTER)
param.columnSpec = GridLayout.spec(c)
param.rowSpec = GridLayout.spec(r)
oImageView.layoutParams = param
gridLayout.addView(oImageView)
i++
c++
}
}
} 4단계 − androidManifest.xml에 다음 코드 추가
<?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="https://schemas.android.com/apk/res/android" package="com.example.q11"> <application android:allowBackup="true" android:icon="@mipmap/ic_launcher" android:label="@string/app_name" android:roundIcon="@mipmap/ic_launcher_round" android:supportsRtl="true" android:theme="@style/AppTheme"> <activity android:name=".MainActivity"> <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> </application> </manifest>
응용 프로그램을 실행해 보겠습니다. 실제 Android 모바일 장치를 컴퓨터에 연결했다고 가정합니다. Android 스튜디오에서 앱을 실행하려면 프로젝트의 활동 파일 중 하나를 열고 실행을 클릭합니다. 툴바에서
아이콘. 모바일 장치를 옵션으로 선택한 다음 기본 화면을 표시할 모바일 장치를 확인하십시오.
