拼图小游戏"ST--拼图"开发篇之开始界面UI布局

首先先寻找思路,看布局需要怎么做

开始界面

开始界面还是很容易搭出来的

开始界面的布局

<span style="font-size:18px;"><?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/start"
    android:gravity="center"
    android:orientation="vertical" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="7"
        android:gravity="right" >

        <ImageView
            android:id="@+id/start_iv1"
            android:layout_width="80dp"
            android:layout_height="60dp"
            android:layout_marginRight="40dp"
            android:layout_marginTop="30dp"
            android:onClick="onclickImage"
            android:src="@drawable/music"
            android:visibility="visible" />
       
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:gravity="center" >

        <Button
            android:id="@+id/start_bt"
            android:layout_width="200dp"
            android:layout_height="wrap_content"
            android:onClick="onclick"
            android:text="开始游戏" >
        </Button>
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="0.5" >
    </LinearLayout>

</LinearLayout></span>

Main界面的Xml文件

<span style="font-size:18px;"><LinearLayout 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:background="@drawable/main1"
    android:orientation="vertical" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="5" >
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:gravity="center" >

        <ImageButton
            android:id="@+id/main_iv1"
            android:layout_width="250dp"
            android:layout_height="55dp"
            android:onClick="onclick"
            android:src="@drawable/easy" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:gravity="center" >

        <ImageButton
            android:id="@+id/main_iv2"
            android:layout_width="250dp"
            android:layout_height="55dp"
            android:onClick="onclick"
            android:src="@drawable/simple" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:gravity="center" >

        <ImageButton
            android:id="@+id/main_iv3"
            android:layout_width="250dp"
            android:layout_height="55dp"
            android:onClick="onclick"
            android:src="@drawable/hard" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1" >
    </LinearLayout>

</LinearLayout></span>

UI布局很简单,这里就不罗嗦,上两张截图