打开Main.xml文件,其中的布局很简单,就是一个LinerLayout并且在其中包含一个TextView:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/white"
>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/hello"
android:textColor="@drawable/green"
/>
</LinearLayout>
下面我们来看一下这段布局代码,首先是一个LinearLayout,相当于SL中的一个Grid,用于控制布局,在LinearLayout里面有一个TextView对象,这个对象用于显示不可编辑的文本,相当于SL中的TextBlock或者Lable。
这是显示的效果图,在最外层的LinearLayout中,我们使用到了android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/white"
这里android:layout_width表示最外边LinearLayout的宽度,android:layout_height表示最外边的LinearLayout的高度,这里给定的高度和宽度是“wrap_content“,这个值表示按照LinearLayout里面显示内容的大小来制定LinearLayout的宽度和高度,就相当于在SL中设定高度和宽度为Auto的作用是一样的。
我们在这里简单的做一下修改就可以看到不一样的效果,我们将LinearLayout的android:layout_width属性的值设置为”fill_parent”
我们看到LinearLayout的宽度填充满了整个屏幕,这很形象的解释了”file_parent”这个值的意思就是填充满整个父容器.相当于css样式中的100%效果。
最后要将的就是android:orientation="vertical",这个属性是用来控制LinearLayout中填充的控件是以横向还是纵向排列的。 Vertical表示垂直布局,Horizontal表示水平布局
讲完布局那么我们看一下整个布局中的背景颜色和字体颜色,android虚拟机默认的背景颜色是黑色默认的字体颜色是白色,如何做到向我们实例中一样拥有白色的背景和绿色的字体呢?很简单我们只需要设置LinearLayout的android:background属性为白色就可以了,设置TextView的android:textColor为绿色就可以了,这里我们为了常用的颜色重复使用,我们将常用的颜色和字符串定义到Values文件夹下的string.xml中。我们就可以像使用常量一样方便的调用各种颜色和常用的字符串了。
<?xml version="1.0" encoding="utf-8"?>
<resources>
<string name="hello">Hello World, Study01!</string>
<string name="app_name">第三章</string>
<drawable name="white">#FFFFFFFF</drawable>
<drawable name="gray">#FFD1D7D0</drawable>
<drawable name="green">#FF008000 </drawable>
</resources>