Layout of android ----- GridLayout (grid layout) and android grid layout

Layout of android ----- GridLayout (grid layout) and android grid layout

Learning Map

 

(1) Introduction

Grid layout is represented by GridLayout. The layout manager is added after android4.0. Therefore, it must be used in Versions later than android4.0. If you use the layout manager on earlier platforms, you need to import the corresponding support library <android. support. v7.widget. gridLayout>

(2) Case column-calculator

<? Xml version = "1.0" encoding = "UTF-8"?> <GridLayout xmlns: android = "http://schemas.android.com/apk/res/android" android: layout_width = "match_parent" android: layout_height = "match_parent" android: rowCount = "6" android: columnCount = "4" android: layout_gravity = "fill"> <TextView android: layout_width = "match_parent" android: layout_height = "wrap_content" android: text = "0" android: textSize = "80sp" android: layout_marginRight = "5dp" android: layout_marginLeft = "5dp" android: layout_columnSpan = "4" android: background = "# eee" android: padding = "3sp" android: editable = "false" android: textColor = "#000"/> <Button android: layout_width = "match_parent" android: layout_height = "wrap_content" android: layout_columnSpan = "4" android: text = "clear" android: textColor = "#000" android: textSize = "24dp" android: layout_marginLeft = "5dp" android: layout_marginRight = "5dp" android: background = "@ android: color/background_light"/> <Button android: layout_marginTop = "20dp" android: layout_width = "wrap_content" android: layout_height = "wrap_content" android: text = "7" android: textColor = "#000" android: textSize = "24dp" android: layout_marginLeft = "5dp" android: layout_marginRight = "5dp" android: background = "@ android: color/background_light"/> <Button android: layout_marginTop = "20dp" android: layout_width = "wrap_content" android: layout_height = "wrap_content" android: text = "8" android: textColor = "#000" android: textSize = "24dp" android: layout_marginLeft = "10dp" android: background = "@ android: color/background_light "/> <Button android: layout_marginTop =" 20dp "android: layout_width =" wrap_content "android: layout_height =" wrap_content "android: text =" 9 "android: textColor = "#000" android: textSize = "24dp" android: layout_marginLeft = "10dp" android: background = "@ android: color/background_light"/> <Button android: layout_marginTop = "20dp" android: layout_width = "wrap_content" android: layout_height = "wrap_content" android: text = "+" android: textColor = "#000" android: textSize = "24dp" android: layout_marginLeft = "10dp" android: background = "@ android: color/background_light"/> <Button android: layout_marginTop = "20dp" android: layout_width = "wrap_content" android: layout_height = "wrap_content" android: text = "4" android: textColor = "#000" android: textSize = "24dp" android: layout_marginLeft = "5dp" android: layout_marginRight = "5dp" android: background = "@ android: color/background_light"/> <Button android: layout_marginTop = "20dp" android: layout_width = "wrap_content" android: layout_height = "wrap_content" android: text = "5" android: textColor = "#000" android: textSize = "24dp" android: layout_marginLeft = "10dp" android: background = "@ android: color/background_light"/> <Button android: layout_marginTop = "20dp" android: layout_width = "wrap_content" android: layout_height = "wrap_content" android: text = "6" android: textColor = "#000" android: textSize = "24dp" android: layout_marginLeft = "10dp" android: background = "@ android: color/background_light"/> <Button android: layout_marginTop = "20dp" android: layout_width = "wrap_content" android: layout_height = "wrap_content" android: text = "-" android: textColor = "#000" android: textSize = "24dp" android: layout_marginLeft = "10dp" android: background = "@ android: color/background_light "/> <Button android: layout_marginTop =" 20dp "android: layout_width =" wrap_content "android: layout_height =" wrap_content "android: text =" 1 "android: textColor = "#000" android: textSize = "24dp" android: layout_marginLeft = "5dp" android: layout_marginRight = "5dp" android: background = "@ android: color/background_light "/> <Button android: layout_marginTop =" 20dp "android: layout_width =" wrap_content "android: layout_height =" wrap_content "android: text =" 2 "android: textColor = "#000" android: textSize = "24dp" android: layout_marginLeft = "10dp" android: background = "@ android: color/background_light"/> <Button android: layout_marginTop = "20dp" android: layout_width = "wrap_content" android: layout_height = "wrap_content" android: text = "3" android: textColor = "#000" android: textSize = "24dp" android: layout_marginLeft = "10dp" android: background = "@ android: color/background_light"/> <Button android: layout_marginTop = "20dp" android: layout_width = "wrap_content" android: layout_height = "wrap_content" android: text = "*" android: textColor = "#000" android: textSize = "24dp" android: layout_marginLeft = "10dp" android: background = "@ android: color/background_light"/> <Button android: layout_marginTop = "20dp" android: layout_width = "wrap_content" android: layout_height = "wrap_content" android: text = ". "android: textColor =" #000 "android: textSize =" 24dp "android: layout_marginLeft =" 5dp "android: layout_marginRight =" 5dp "android: background =" @ android: color/background_light "/> <Button android: layout_marginTop =" 20dp "android: layout_width =" wrap_content "android: layout_height =" wrap_content "android: text =" 0 "android: textColor = "#000" android: textSize = "24dp" android: layout_marginLeft = "10dp" android: background = "@ android: color/background_light"/> <Button android: layout_marginTop = "20dp" android: layout_width = "wrap_content" android: layout_height = "wrap_content" android: text = "=" android: textColor = "#000" android: textSize = "24dp" android: layout_marginLeft = "10dp" android: background = "@ android: color/background_light"/> <Button android: layout_marginTop = "20dp" android: layout_width = "wrap_content" android: layout_height = "wrap_content" android: text = "/" android: textColor = "#000" android: textSize = "24dp" android: layout_marginLeft = "10dp" android: background = "@ android: color/background_light"/> </GridLayout>