刚开始接触android开发,还在摸索基础控件。老师说解决了一个问题就要记录下来以防以后遗忘,所以这里小小记录一下碰到的问题。
课本上的一道题目:怎么将界面等比分为三行三列,显示一个红色的“十”字效果。如下图所示:
采用线性布局非常简单,直接“android:layout_weight"等比分一下;那么用网格布局怎么弄?
网格布局中"android:layout_weight"属性是无效的,但是网格布局中可以使用"android:layout_rowWeight"将一个格子在一行中所占的比例表示出来,使用"android:layout_columnWeight"将一个格子在一列中所占的比例表示出来,和"android:layout_weight"一样,也是对剩余空间进行分割。具体代码如下:
activity_main.xml:
<?xml version="1.0" encoding="utf-8"?>
<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:columnCount="3">
<Button
style="@style/blackBtn"/>
<Button
style="@style/redBtn"/>
<Button
style="@style/blackBtn"/>
<Button
style="@style/redBtn"/>
<Button
style="@style/redBtn"/>
<Button
style="@style/redBtn"/>
<Button
style="@style/blackBtn"/>
<Button
style="@style/redBtn"/>
<Button
style="@style/blackBtn"/>
</GridLayout>
styles.xml:
<resources>
<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
<!-- Customize your theme here. -->
<item name="colorPrimary">@color/colorPrimary</item>
<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
<item name="colorAccent">@color/colorAccent</item>
</style>
<!--自定义样式-->
<style name="blackBtn">
<item name="android:background">@android:color/black</item>
<item name="android:layout_rowWeight">1</item>
<item name="android:layout_columnWeight">1</item>
</style>
<style name="redBtn">
<item name="android:layout_rowWeight">1</item>
<item name="android:layout_columnWeight">1</item>
<item name="android:background">@android:color/holo_red_dark</item>
</style>
</resources>