이 예는 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 스튜디오에서 앱을 실행하려면 프로젝트의 활동 파일 중 하나를 열고 실행을 클릭합니다. 툴바에서 아이콘. 모바일 장치를 옵션으로 선택한 다음 기본 화면을 표시할 모바일 장치를 확인하십시오.