AndroidStudio开发----图案竞猜小程序

AndroidStudio开发----图案竞猜小程序

基于安卓期中作业的要求，做一个图案竞猜小游戏，代码基础不是很好，谨慎借鉴！

内容要求：

(1) app首页启动后布局效果如图1-1所示，上方四个白色块不可点击；

(2) 在首页点击“开始竞猜”，上方四个按钮的随机生成四种图案的背景（图案是固定四种，显示位置必须要随机），界面底部为等待竞猜图案（一定是上方四个图案中的一个），竞猜结束前用图案展示。此时“开始竞猜”按钮文字变为“竞猜中…”，如图1-2所示；

(3) 手指点击上方四个图片中的一个，此时底部谜底图片区展示谜底图案，上方被选中图片若正确（与底部谜底图片一致），则在选中图片右上角显示打钩图案，如图1-3界面效果。反之，显示打叉图案则如图1-4效果，“竞猜中…”按钮文字变为“再来一次”。此时上面的色块都不可点击；
(4) 点击“再来一次”按钮，将重新开始竞猜，与步骤（4）将要显示的效果相同。
从左至右为，图1-1 图1-2 图1-3 图1-4

设计思路：

1. 设计所需布局4+4+1+1（“4”即图1-1中所示位于布局上半部分的四个用于显示随机图片的ImageView控件，第二个“4”表示第一个“4”右上角用于显示竞猜结果对错图案的ImageView控件，“1”表示位于布局中部的Butto控件，“1”表示布局下半部分显示竞猜答案的ImageView控件）；
2. 设计交互布局，设置好各个控件的具体功能。

具体做法：

首先，根据设定的4+4+1+1布局结构设计好整体布局，代码如下：

<?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.administrator.pic123022016081.MainActivity">

    <ImageView
        android:id="@+id/iv_pic1"
        android:layout_width="150dp"
        android:layout_height="100dp"
        android:layout_marginLeft="10dp"
        android:background="#dedbdb"
        android:scaleType="center"/>
    <ImageView
        android:id="@+id/iv_judge1"
        android:layout_width="40dp"
        android:layout_height="40dp"
        android:background="#dedbdb"
        android:layout_marginLeft="120dp"
        />
    <ImageView
        android:id="@+id/iv_pic2"
        android:layout_width="150dp"
        android:layout_height="100dp"
        android:background="#dedbdb"
        android:layout_toRightOf="@+id/iv_pic1"
        android:layout_marginLeft="20dp"
        android:scaleType="center"/>
    <ImageView
        android:id="@+id/iv_judge2"
        android:layout_width="40dp"
        android:layout_height="40dp"
        android:background="#dedbdb"
        android:layout_marginLeft="290dp"
        />
    <ImageView
        android:id="@+id/iv_pic3"
        android:layout_width="150dp"
        android:layout_height="100dp"
        android:layout_marginLeft="10dp"
        android:layout_below="@id/iv_pic1"
        android:layout_marginTop="20dp"
        android:background="#dedbdb"
        android:scaleType="center"/>
    <ImageView
        android:id="@+id/iv_judge3"
        android:layout_width="40dp"
        android:layout_height="40dp"
        android:background="#dedbdb"
        android:layout_below="@id/iv_pic1"
        android:layout_marginLeft="120dp"
        android:layout_marginTop="20dp"
        />
    <ImageView
        android:id="@+id/iv_pic4"
        android:layout_width="150dp"
        android:layout_height="100dp"
        android:layout_below="@id/iv_pic2"
        android:layout_marginTop="20dp"
        android:layout_toRig