当前位置:   article > 正文

【Android】用Android Studio写一个拼图小游戏_android studio拼图小游戏

android studio拼图小游戏

Android Studio也可以变得很好玩!

 

今天我们就一起写一个拼图小游戏叭!

我们参照下边图片看看游戏的玩法吧,在界面的右下角有一个小小的样图,也就是我们需要对照着这个样图来完成中间的拼图部分,同时在最上方会显示你的答题时间。点击“重新开始”按钮,时间会清零,中间的拼图部分会被重新打乱。

那么接下来我们就看看如何实现的吧!

1、首先要准备好一张完整的图片,并命名为yangtu.jpg,然后将该图片用图片处理工具横竖分成9张图片,分别命名img_xiaoxiong_00x00.jpg......如下图中命名,最后将其放在mipmap文件下(也可以放在drawable文件下,不过要注意在java文件中的引用类型)。

 2.然后开始编写布局文件layout.xml:

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3. android:layout_width="match_parent"
  4. android:layout_height="match_parent"
  5. android:orientation="vertical"
  6. android:layout_gravity="center">
  7. <TextView
  8. android:id="@+id/text_time"
  9. android:layout_width="wrap_content"
  10. android:layout_height="wrap_content"
  11. android:layout_gravity="center_horizontal"
  12. android:textSize="28sp"
  13. android:textStyle="bold"
  14. android:textColor="#C00"
  15. android:text="耗时:0秒" />
  16. <LinearLayout
  17. android:id="@+id/liner_first"
  18. android:layout_height="100dp"
  19. android:layout_width="300dp"
  20. android:orientation="horizontal"
  21. android:layout_gravity="center">
  22. <ImageButton
  23. android:id="@+id/btn_00x00"
  24. android:layout_height="100dp"
  25. android:layout_width="100dp"
  26. android:onClick="onClick"
  27. android:scaleType="centerCrop"
  28. android:src="@mipmap/img_xiaoxiong_00x00"
  29. android:padding="0dp"
  30. />
  31. <ImageButton
  32. android:id="@+id/btn_00x01"
  33. android:layout_height="100dp"
  34. android:layout_width="100dp"
  35. android:onClick="onClick"
  36. android:scaleType="centerCrop"
  37. android:src="@mipmap/img_xiaoxiong_00x01"
  38. android:padding="0dp"
  39. />
  40. <ImageButton
  41. android:id="@+id/btn_00x02"
  42. android:layout_height="100dp"
  43. android:layout_width="100dp"
  44. android:scaleType="centerCrop"
  45. android:onClick="onClick"
  46. android:src="@mipmap/img_xiaoxiong_00x02"
  47. android:padding="0dp"
  48. />
  49. </LinearLayout>
  50. <Linea
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/weixin_40725706/article/detail/798275
推荐阅读
相关标签
  

闽ICP备14008679号