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