实现一个个性的游戏界面:
素材:
实例代码:
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.csdn.net/acmman/article/details/44754583
时间: 2024-09-28 04:40:26