安卓第一个界面（布局格式小结）

一、颜色的设置（其实可以用取色器。。。）

 
res\values  新建文件夹color.xml


<?xml version="1.0" encoding="utf-8"?>
<resources>
<color name="white">#ffffff</color> <!-- 白色 -->
<color name="ivory" >#fffff0</color> <!-- 象牙色 -->
<color name="lightyellow">#ffffe0</color> <!-- 亮黄色 -->
<color name="yellow">#ffff00</color> <!-- 黄色 -->
<color name="lavenderblush">#fff0f5</color> <!-- 淡紫色 -->
<color name="papayawhip">#ffefd5</color> <!-- 番木色 -->
<color name="peachpuff">#ffdab9</color> <!-- 桃色 -->
<color name="gold">#ffd700</color> <!-- 金色 -->
<color name="pink">#ffc0cb</color> <!-- 粉红色 -->
<color name="lightpink">#ffb6c1</color> <!-- 亮粉红色 -->
<color name="orange">#ffa500</color> <!-- 橙色 -->
<color name="lightsalmon">#ffa07a</color> <!-- 亮肉色 -->
<color name="darkorange">#ff8c00</color> <!-- 暗橘黄色 -->
<color name="coral">#ff7f50</color> <!-- 珊瑚色 -->
<color name="hotpink">#ff69b4</color> <!-- 热粉红色 -->
<color name="tomato">#ff6347</color> <!-- 西红柿色 -->
<color name="orangered">#ff4500</color> <!-- 红橙色 -->
<color name="deeppink">#ff1493</color> <!-- 深粉红色 -->
<color name="fuchsia">#ff00ff</color> <!-- 紫红色 -->
<color name="magenta">#ff00ff</color> <!-- 红紫色 -->
<color name="red">#ff0000</color> <!-- 红色 -->
<color name="mintcream">#f5fffa</color> <!-- 薄荷色 -->
<color name="gainsboro">#dcdcdc</color> <!-- 淡灰色 -->
<color name="crimson">#dc143c</color> <!-- 暗深红色 -->
<color name="palevioletred">#db7093</color> <!-- 苍紫罗兰色 -->
<color name="goldenrod">#daa520</color> <!-- 金麒麟色 -->
<color name="orchid">#da70d6</color> <!-- 淡紫色 -->
<color name="silver">#c0c0c0</color> <!-- 银色 -->
<color name="darkkhaki">#bdb76b</color> <!-- 暗黄褐色 -->
<color name="rosybrown">#bc8f8f</color> <!-- 褐玫瑰红 -->
<color name="palegreen">#98fb98</color> <!-- 苍绿色 -->
<color name="lightskyblue">#87cefa</color> <!-- 亮天蓝色 -->
<color name="skyblue">#87ceeb</color> <!-- 天蓝色 -->
<color name="slategray">#708090</color> <!-- 灰石色 -->
<color name="olivedrab">#6b8e23</color> <!-- 深绿褐色 -->
<color name="slateblue">#6a5acd</color> <!-- 石蓝色 -->
<color name="dimgray">#696969</color> <!-- 暗灰色 -->
<color name="mediumquamarine">#66cdaa</color> <!-- 中绿色 -->
<color name="cornflowerblue">#6495ed</color> <!-- 菊蓝色 -->
<color name="cadetblue">#5f9ea0</color> <!-- 军绿色 -->
<color name="darkolivegreen">#556b2f</color> <!-- 暗橄榄绿 -->
<color name="indigo">#4b0082</color> <!-- 靛青色 -->
<color name="mediumturquoise">#48d1cc</color> <!-- 中绿宝石 -->
<color name="darkslateblue">#483d8b</color> <!-- 暗灰蓝色 -->
<color name="steelblue">#4682b4</color> <!-- 钢蓝色 -->
<color name="royalblue">#4169e1</color> <!-- 皇家蓝 -->
<color name="teal">#008080</color> <!-- 水鸭色 -->
<color name="green">#008000</color> <!-- 绿色 -->
<color name="darkgreen">#006400</color> <!-- 暗绿色 -->
<color name="blue">#0000ff</color> <!-- 蓝色 -->
<color name="mediumblue">#0000cd</color> <!-- 中蓝色 -->
<color name="darkblue">#00008b</color> <!-- 暗蓝色 -->
<color name="navy">#000080</color> <!-- 海军色 -->
<color name="black">#000000</color> <!-- 黑色 -->
</resources>

二、图片的添加
       在文件夹下找到 res\drawable-****(都可以)  将图片放入

 打开eclipse，在res\layout目录下找到main.xml(只是个人设置的文件夹，只要是这个目录下的**.xml的文件都可以，只要在对应Activity下调用就行了)

<ImageView
android:id="@+id/imageView"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"
android:src="@drawable/cat" />
  

三、按钮的添加         （同上）
<Button
android:id="@+id/but1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/textView1"
android:layout_below="@+id/textView1"
android:textColor="@color/blue"
android:text="Button" />
四、思考
     <?xml version = "1.0" encoding="utf-8"?>
<RelativeLayout 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:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="com.example.mytime.MainActivity" >

<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="@color/red"
android:text="@string/hello_world" />

<Button
android:id="@+id/but1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/textView1"
android:layout_below="@+id/textView1"
android:textColor="@color/blue"
android:text="Button" />

<ImageView
android:id="@+id/imageView"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"
android:src="@drawable/cat" />

</RelativeLayout>
        这一部分和作网页有相似之处，首先定义这个窗口的大小、布局方式等
        然后就是添加组件，定义组件的宽高、位置、id、颜色等

        之后就是在.java文件中调用这个组件

              @Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

Button btnButton = (Button)findViewById(R.id.but1);
ImageView img1 = (ImageView)findViewById(R.id.imageView);
}