\uc548\ub4dc\ub85c\uc774\ub4dc \uac1c\ubc1c\uc5d0\uc11c UI \ub808\uc774\uc544\uc6c3\uc744 \uad6c\uc131\ud558\ub294 \uac83\uc740 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc758 \uc0ac\uc6a9\uc790 \uacbd\ud5d8\uc744 \uacb0\uc815\ud558\ub294 \uc911\uc694\ud55c \uc694\uc18c\uc785\ub2c8\ub2e4. \uc5ec\ub7ec \uac00\uc9c0 \ub808\uc774\uc544\uc6c3 \uc635\uc158 \uc911 GridLayout<\/strong>\uc740 \uc694\uc18c\ub97c \uc77c\uc815\ud55c \uadf8\ub9ac\ub4dc \ud615\ud0dc\ub85c \ubc30\uce58\ud560 \uc218 \uc788\ub294 \uc720\uc6a9\ud55c \ub808\uc774\uc544\uc6c3 \ub9e4\ub2c8\uc800\uc785\ub2c8\ub2e4. \uc774 \uac15\uc88c\uc5d0\uc11c\ub294 GridLayout\uc758 \uac1c\ub150, XML \uc608\uc81c, Java \ucf54\ub4dc\ub85c\uc758 \uad6c\ud604\uacfc \uc0ac\uc6a9 \ubc29\ubc95\uc5d0 \ub300\ud574 \uc790\uc138\ud788 \uc0b4\ud3b4\ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n GridLayout\uc740 \uc548\ub4dc\ub85c\uc774\ub4dc\uc5d0\uc11c \uc81c\uacf5\ud558\ub294 \ub808\uc774\uc544\uc6c3 \uc911 \ud558\ub098\ub85c, \uc790\uc2dd \ubdf0\ub4e4\uc744 2\ucc28\uc6d0 \uadf8\ub9ac\ub4dc \ud615\ud0dc\ub85c \ubc30\uce58\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uac01 \ubdf0\ub294 \ud589\uacfc \uc5f4\uc5d0 \uc704\uce58\ud558\uc5ec \ucc28\ub840\ub300\ub85c \ubc30\uce58\ub418\uba70, \ubdf0\uc758 \ud06c\uae30 \ubc0f \uc704\uce58\ub97c \uc720\uc5f0\ud558\uac8c \uc124\uc815\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n GridLayout\uc740 \uc544\ub798\uc640 \uac19\uc740 \uc8fc\uc694 \uc18d\uc131\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4:<\/p>\n \ub2e4\uc74c\uc740 GridLayout\uc744 \uc0ac\uc6a9\ud558\uc5ec \uac04\ub2e8\ud55c \uacc4\uc0b0\uae30 \uc571\uc744 \uad6c\ud604\ud558\ub294 \uc608\uc81c\uc785\ub2c8\ub2e4.<\/p>\n \uba3c\uc800, XML\uc5d0\uc11c \uc815\uc758\ud55c \ub808\uc774\uc544\uc6c3\uc5d0 \ub300\ud55c \ub85c\uc9c1\uc744 \uad6c\ud604\ud558\uae30 \uc704\ud574 GridLayout\uc740 \uae30\ubcf8 \uc0ac\uc6a9\ubc95 \uc678\uc5d0\ub3c4 \ub2e4\uc591\ud55c \uae30\ub2a5\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4. \uc5ec\uae30\uc11c\ub294 GridLayout\uc5d0\uc11c\ub294 \uac01 \ubdf0\uac00 \uc5f0\uc18d\ub418\ub294 \ud589\uc774\ub098 \uc5f4\uc744 \ucc28\uc9c0\ud558\ub3c4\ub85d \uc124\uc815\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub2e4\uc74c\uc740 \uc774\ub7ec\ud55c \uc18d\uc131\uc744 \ud65c\uc6a9\ud55c \uc608\uc81c\uc785\ub2c8\ub2e4:<\/p>\n \uc704\uc758 \ucf54\ub4dc\uc5d0\uc11c Button 1\uc740 2\ud589\uacfc 2\uc5f4\uc744 \ucc28\uc9c0\ud558\uac8c \uc124\uc815\ub418\uc5c8\uc2b5\ub2c8\ub2e4. \uc774\uc640 \uac19\uc740 \ubc29\uc2dd\uc73c\ub85c \uc5ec\ub7ec \ubdf0\ub97c \uc124\uc815\ud558\uc5ec \ubcf5\uc7a1\ud55c UI\ub97c \uad6c\uc131\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n \ucf54\ub4dc\ub85c GridLayout\uc744 \ub3d9\uc801\uc73c\ub85c \uc0dd\uc131\ud560 \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4. \uc774 \ubc29\ubc95\uc740 \uc0ac\uc6a9\uc790\uac00 \uc608\uc0c1\uce58 \ubabb\ud55c \uc0c1\ud669\uc5d0\uc11c\ub3c4 \uc720\uc6a9\ud558\uac8c \ud65c\uc6a9\ub420 \uc218 \uc788\uc2b5\ub2c8\ub2e4:<\/p>\n \uc704\uc758 \uc608\uc81c \ucf54\ub4dc\ub294 3×3 \ud06c\uae30\uc758 GridLayout\uc744 \ucf54\ub4dc\ub85c \uc0dd\uc131\ud558\uc5ec \uac01 \uc140\uc5d0 \ubc84\ud2bc\uc744 \ubc30\uce58\ud569\ub2c8\ub2e4. \uc774\ub97c \ud1b5\ud574 \uc720\uc5f0\ud55c UI \uad6c\uc131\uc774 \uac00\ub2a5\ud569\ub2c8\ub2e4.<\/p>\n GridLayout\uc740 \uc548\ub4dc\ub85c\uc774\ub4dc \uc571 \uac1c\ubc1c\uc5d0\uc11c \ub9e4\uc6b0 \uc720\uc6a9\ud55c \ub808\uc774\uc544\uc6c3 \uc635\uc158\uc785\ub2c8\ub2e4. \uc774 \uac15\uc88c\ub97c \ud1b5\ud574 GridLayout\uc758 \uae30\ubcf8 \uac1c\ub150, XML \ub808\uc774\uc544\uc6c3 \uad6c\uc131, Java \ucf54\ub4dc \uad6c\ud604 \ubc0f \uace0\uae09 \uc0ac\uc6a9\ubc95\uc744 \uc54c\uc544\ubcf4\uc558\uc2b5\ub2c8\ub2e4. GridLayout\uc744 \uc0ac\uc6a9\ud558\uc5ec \ub2e4\uc591\ud55c UI \uc694\uc18c\ub97c \ud6a8\uacfc\uc801\uc73c\ub85c \ubc30\uce58\ud560 \uc218 \uc788\uc73c\uba70, \ubcf5\uc7a1\ud55c \ub808\uc774\uc544\uc6c3\uc744 \uc27d\uac8c \uad00\ub9ac\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n \ub2f9\uc2e0\uc758 \uc571\uc744 \ub354\uc6b1 \ubc1c\uc804\uc2dc\ud0a4\uae30 \uc704\ud574, GridLayout\uc744 \ud65c\uc6a9\ud558\uc5ec \uc2e4\uc81c \uc571 \ud504\ub85c\uc81d\ud2b8\ub97c \uc9c4\ud589\ud574\ubcf4\uc138\uc694. \ub2e4\uc591\ud55c \ud06c\uae30\uc758 \uc0ac\uc6a9\uc790 \uc815\uc758 \ubc84\ud2bc, \uc0ac\uc6a9\uc790 \uc778\ud130\ud398\uc774\uc2a4\ub97c \uad6c\uc131\ud558\uace0 \ub354 \ub9ce\uc740 \uae30\ub2a5\uc744 \ucd94\uac00\ud558\ub294 \uacfc\uc81c\ub97c \uc218\ud589\ud574 \ubcf4\uc138\uc694.<\/p>\n \uc774 \uac15\uc88c\uac00 \uc5ec\ub7ec\ubd84\uc758 \uc548\ub4dc\ub85c\uc774\ub4dc \uc571 \uac1c\ubc1c \uc5ec\uc815\uc5d0 \ub3c4\uc6c0\uc774 \ub418\uae38 \ubc14\ub78d\ub2c8\ub2e4!<\/p>\n <\/body><\/p>\n","protected":false},"excerpt":{"rendered":"1. GridLayout \uac1c\uc694<\/h2>\n
1.1 GridLayout\uc758 \uc7a5\uc810<\/h3>\n
\n
1.2 GridLayout\uc758 \uc18d\uc131<\/h3>\n
\n
rowCount<\/code>: \uadf8\ub9ac\ub4dc\uc758 \ud589 \uc218\ub97c \uc9c0\uc815\ud569\ub2c8\ub2e4.<\/li>\ncolumnCount<\/code>: \uadf8\ub9ac\ub4dc\uc758 \uc5f4 \uc218\ub97c \uc9c0\uc815\ud569\ub2c8\ub2e4.<\/li>\nlayout_row<\/code>: \ud2b9\uc815 \ubdf0\uac00 \uc704\uce58\ud560 \ud589\uc744 \uc9c0\uc815\ud569\ub2c8\ub2e4.<\/li>\nlayout_column<\/code>: \ud2b9\uc815 \ubdf0\uac00 \uc704\uce58\ud560 \uc5f4\uc744 \uc9c0\uc815\ud569\ub2c8\ub2e4.<\/li>\nlayout_rowSpan<\/code>: \ud55c \ubdf0\uac00 \uac00\ub85c\ub85c \uba87 \uac1c\uc758 \ud589\uc744 \ucc28\uc9c0\ud560\uc9c0\ub97c \uc124\uc815\ud569\ub2c8\ub2e4.<\/li>\nlayout_columnSpan<\/code>: \ud55c \ubdf0\uac00 \uc138\ub85c\ub85c \uba87 \uac1c\uc758 \uc5f4\uc744 \ucc28\uc9c0\ud560\uc9c0\ub97c \uc124\uc815\ud569\ub2c8\ub2e4.<\/li>\n<\/ul>\n2. GridLayout\uc744 \uc0ac\uc6a9\ud55c \uae30\ubcf8 \uc608\uc81c<\/h2>\n
2.1 XML \ub808\uc774\uc544\uc6c3 \ud30c\uc77c<\/h3>\n
activity_main.xml<\/code> \ud30c\uc77c\uc744 \uc791\uc131\ud558\uaca0\uc2b5\ub2c8\ub2e4. \uc774 \ud30c\uc77c\uc5d0\uc11c\ub294 \ubc84\ud2bc\uacfc \ud14d\uc2a4\ud2b8\ubdf0\ub97c \uadf8\ub9ac\ub4dc \ud615\ud0dc\ub85c \ubc30\uce58\ud569\ub2c8\ub2e4:<\/p>\n<GridLayout xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\n android:layout_width=\"match_parent\"\n android:layout_height=\"match_parent\"\n android:rowCount=\"5\"\n android:columnCount=\"4\"\n android:padding=\"16dp\">\n\n <TextView\n android:id=\"@+id\/resultTextView\"\n android:layout_width=\"0dp\"\n android:layout_height=\"wrap_content\"\n android:layout_columnSpan=\"4\"\n android:gravity=\"end\"\n android:textSize=\"32sp\"\n android:padding=\"16dp\"\n android:text=\"0\"\/>\n\n <Button\n android:text=\"1\"\n android:layout_width=\"0dp\"\n android:layout_height=\"wrap_content\"\n android:layout_columnWeight=\"1\"\/>\n\n <Button\n android:text=\"2\"\n android:layout_width=\"0dp\"\n android:layout_height=\"wrap_content\"\n android:layout_columnWeight=\"1\"\/>\n\n <Button\n android:text=\"3\"\n android:layout_width=\"0dp\"\n android:layout_height=\"wrap_content\"\n android:layout_columnWeight=\"1\"\/>\n\n <Button\n android:text=\"+\"\n android:layout_width=\"0dp\"\n android:layout_height=\"wrap_content\"\n android:layout_columnWeight=\"1\"\/>\n\n <Button\n android:text=\"4\"\n android:layout_width=\"0dp\"\n android:layout_height=\"wrap_content\"\n android:layout_columnWeight=\"1\"\/>\n\n <Button\n android:text=\"5\"\n android:layout_width=\"0dp\"\n android:layout_height=\"wrap_content\"\n android:layout_columnWeight=\"1\"\/>\n\n <Button\n android:text=\"6\"\n android:layout_width=\"0dp\"\n android:layout_height=\"wrap_content\"\n android:layout_columnWeight=\"1\"\/>\n\n <Button\n android:text=\"-\"\n android:layout_width=\"0dp\"\n android:layout_height=\"wrap_content\"\n android:layout_columnWeight=\"1\"\/>\n\n <Button\n android:text=\"7\"\n android:layout_width=\"0dp\"\n android:layout_height=\"wrap_content\"\n android:layout_columnWeight=\"1\"\/>\n\n <Button\n android:text=\"8\"\n android:layout_width=\"0dp\"\n android:layout_height=\"wrap_content\"\n android:layout_columnWeight=\"1\"\/>\n\n <Button\n android:text=\"9\"\n android:layout_width=\"0dp\"\n android:layout_height=\"wrap_content\"\n android:layout_columnWeight=\"1\"\/>\n\n <Button\n android:text=\"*\"\n android:layout_width=\"0dp\"\n android:layout_height=\"wrap_content\"\n android:layout_columnWeight=\"1\"\/>\n\n <Button\n android:text=\"C\"\n android:layout_width=\"0dp\"\n android:layout_height=\"wrap_content\"\n android:layout_columnWeight=\"1\"\/>\n\n <Button\n android:text=\"0\"\n android:layout_width=\"0dp\"\n android:layout_height=\"wrap_content\"\n android:layout_columnWeight=\"1\"\/>\n\n <Button\n android:text=\"=\"\n android:layout_width=\"0dp\"\n android:layout_height=\"wrap_content\"\n android:layout_columnWeight=\"1\"\/>\n\n <Button\n android:text=\"\/\"\n android:layout_width=\"0dp\"\n android:layout_height=\"wrap_content\"\n android:layout_columnWeight=\"1\"\/>\n\n<\/GridLayout><\/code><\/pre>\n2.2 Java \ucf54\ub4dc \uad6c\ud604<\/h3>\n
MainActivity.java<\/code> \ud30c\uc77c\uc744 \uc791\uc131\ud569\ub2c8\ub2e4:<\/p>\nimport android.os.Bundle;\nimport android.view.View;\nimport android.widget.Button;\nimport android.widget.TextView;\nimport androidx.appcompat.app.AppCompatActivity;\n\npublic class MainActivity extends AppCompatActivity {\n\n private TextView resultTextView;\n private StringBuilder currentInput = new StringBuilder();\n private String operator = \"\";\n private double operand1 = 0;\n\n @Override\n protected void onCreate(Bundle savedInstanceState) {\n super.onCreate(savedInstanceState);\n setContentView(R.layout.activity_main);\n\n resultTextView = findViewById(R.id.resultTextView);\n\n int[] buttonIds = {\n R.id.button1, R.id.button2, R.id.button3, R.id.button4, \n R.id.button5, R.id.button6, R.id.button7, R.id.button8, \n R.id.button9, R.id.button0, R.id.buttonPlus, \n R.id.buttonMinus, R.id.buttonMultiply, R.id.buttonDivide, \n R.id.buttonClear, R.id.buttonEqual\n };\n\n for (int id : buttonIds) {\n Button button = findViewById(id);\n button.setOnClickListener(this::onButtonClick);\n }\n }\n\n private void onButtonClick(View view) {\n Button button = (Button) view;\n String text = button.getText().toString();\n\n switch (text) {\n case \"C\":\n currentInput.setLength(0);\n operator = \"\";\n operand1 = 0;\n break;\n case \"=\":\n calculate();\n return;\n default:\n currentInput.append(text);\n break;\n }\n resultTextView.setText(currentInput.toString());\n }\n\n private void calculate() {\n if (currentInput.length() == 0) return;\n\n if (operator.isEmpty()) {\n operand1 = Double.parseDouble(currentInput.toString());\n } else {\n double operand2 = Double.parseDouble(currentInput.toString());\n switch (operator) {\n case \"+\":\n operand1 += operand2;\n break;\n case \"-\":\n operand1 -= operand2;\n break;\n case \"*\":\n operand1 *= operand2;\n break;\n case \"\/\":\n if (operand2 != 0) {\n operand1 \/= operand2;\n }\n break;\n }\n }\n currentInput.setLength(0);\n currentInput.append(operand1);\n resultTextView.setText(currentInput.toString());\n }\n}<\/code><\/pre>\n3. GridLayout\uc758 \uace0\uae09 \uc0ac\uc6a9\ubc95<\/h2>\n
layout_rowSpan<\/code>\uacfc layout_columnSpan<\/code> \uc18d\uc131\uc774 \uc5b4\ub5bb\uac8c \ub3d9\uc791\ud558\ub294\uc9c0 \uc0b4\ud3b4\ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n3.1 RowSpan\uacfc ColumnSpan<\/h3>\n
<GridLayout xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\n android:layout_width=\"match_parent\"\n android:layout_height=\"wrap_content\"\n android:rowCount=\"4\"\n android:columnCount=\"3\">\n\n <Button\n android:text=\"Button 1\"\n android:layout_width=\"0dp\"\n android:layout_height=\"wrap_content\"\n android:layout_rowSpan=\"2\"\n android:layout_columnSpan=\"2\"\n android:layout_columnWeight=\"1\"\/>\n\n <Button\n android:text=\"Button 2\"\n android:layout_width=\"0dp\"\n android:layout_height=\"wrap_content\"\n android:layout_columnWeight=\"1\"\/>\n\n <Button\n android:text=\"Button 3\"\n android:layout_width=\"0dp\"\n android:layout_height=\"wrap_content\"\n android:layout_columnWeight=\"1\"\/>\n\n <Button\n android:text=\"Button 4\"\n android:layout_width=\"0dp\"\n android:layout_height=\"wrap_content\"\n android:layout_columnWeight=\"1\"\/>\n\n<\/GridLayout><\/code><\/pre>\n4. GridLayout\uc758 \ub3d9\uc801 \uc0dd\uc131<\/h2>\n
GridLayout gridLayout = new GridLayout(this);\ngridLayout.setRowCount(3);\ngridLayout.setColumnCount(3);\n\nfor (int i = 0; i < 9; i++) {\n Button button = new Button(this);\n button.setText(\"Button \" + (i + 1));\n GridLayout.LayoutParams params = new GridLayout.LayoutParams();\n params.rowSpec = GridLayout.spec(i \/ 3);\n params.columnSpec = GridLayout.spec(i % 3);\n button.setLayoutParams(params);\n gridLayout.addView(button);\n}\n\nsetContentView(gridLayout);<\/code><\/pre>\n5. \uacb0\ub860<\/h2>\n
\uc2e4\uc2b5\uacfc \uacfc\uc81c<\/h3>\n