【Android开发】范例2-个性游戏开始界面-优快云博客

本文介绍了一个个性化的游戏界面设计方案，包括使用LinearLayout布局容器，通过ImageView控件展示背景和按钮图标，并详细介绍了各控件的位置布局及属性设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

实现一个个性的游戏界面：

素材：

实例代码：
MainActivity：

package com.example.test;


import android.app.Activity;
import android.os.Bundle;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.widget.FrameLayout;


public class MainActivity extends Activity {
  
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);
		
	}
}

res/drawable/文件夹下放置有background.jpg、img_top.jpg、in.png、exit.png、music.png、stop.png、setting.png图片待用

res/layout/main.xml:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
	android:layout_width="fill_parent"
	android:layout_height="fill_parent"
	android:orientation="vertical"
	android:background="@drawable/background"
        android:screenOrientation="landscape" >
	<!-- 添加顶部图片 -->
	<ImageView android:layout_width="wrap_content"
	    android:layout_height="wrap_content"
	    android:scaleType="centerCrop"
	    android:layout_gravity="center_horizontal"
	    android:layout_weight="1"
	    android:src="@drawable/img_top"/>
	<RelativeLayout android:layout_width="match_parent"
	    android:layout_height="wrap_content"
	    android:layout_weight="2"
	    android:id="@+id/relativelayout1">
	    <!-- 添加中间位置的图片按钮 -->
	    <ImageView android:layout_width="wrap_content"
	        android:layout_height="wrap_content"
	        android:id="@+id/image1"
	        android:src="@drawable/in"
	        android:layout_centerInParent="true"/>
	     <!-- 添加上方显示的图片按钮 -->
	     <!-- alignLeft是和某个组件左边对其，而toLeftOf是在某控件左边 -->
	    <ImageView android:layout_width="wrap_content"
	        android:layout_height="wrap_content"
	        android:id="@+id/image2"
	        android:src="@drawable/setting"
	        android:layout_above="@id/image1"
	        android:layout_alignRight="@id/image1"/>
	     <!-- 添加下方位置的图片按钮 -->
	    <ImageView android:layout_width="wrap_content"
	        android:layout_height="wrap_content"
	        android:id="@+id/image3"
	        android:src="@drawable/stop"
	        android:layout_below="@id/image1"
	        android:layout_alignLeft="@id/image1"/>
	     <!-- 添加左侧位置的图片按钮 -->
	    <ImageView android:layout_width="wrap_content"
	        android:layout_height="wrap_content"
	        android:id="@+id/image4"
	        android:src="@drawable/exit"
	        android:layout_toLeftOf="@id/image1"
	        android:layout_alignTop="@id/image1"/>
	     <!-- 添加右侧位置的图片按钮 -->
	    <ImageView android:layout_width="wrap_content"
	        android:layout_height="wrap_content"
	        android:id="@+id/image5"
	        android:src="@drawable/music"
	        android:layout_toRightOf="@id/image1"
	        android:layout_alignTop="@id/image1"/>
	</RelativeLayout>
</LinearLayout>

转载请注明出处：http://blog.youkuaiyun.com/acmman/article/details/44754583