android 作业1相对布局（拼图）

最新推荐文章于 2025-07-09 23:58:57 发布

原创最新推荐文章于 2025-07-09 23:58:57 发布 · 959 阅读

1 ·

CC 4.0 BY-SA版权

android 专栏收录该内容

30 篇文章

订阅专栏

本文详细解析了一个具体的Android布局XML文件，展示了如何使用RelativeLayout进行界面元素的定位，并通过ImageView控件实现不同方向的位置排列。

<?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.wuzuo.zuoye1.MainActivity">

   <ImageView
       android:id="@+id/上"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:src="@mipmap/上"
       android:layout_above="@+id/中心"
       android:layout_alignLeft="@+id/中心"
       android:layout_alignStart="@+id/中心" />

    <ImageView
        android:id="@+id/下"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/中心"
        android:layout_centerHorizontal="true"
        android:src="@mipmap/下"/>

    <ImageView
        android:id="@+id/中心"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:src="@mipmap/中心"/>

    <ImageView
        android:id="@+id/右"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@id/中心"
        android:layout_centerInParent="true"
        android:src="@mipmap/右"/>

    <ImageView
        android:id="@+id/右上"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@id/中心"
        android:layout_above="@id/中心"

        android:src="@mipmap/右上"/>

    <ImageView
        android:id="@+id/右下"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@id/中心"
        android:layout_below="@id/中心"
        android:src="@mipmap/右下"/>

    <ImageView
        android:id="@+id/左"
        android:layout_width="wrap_content"
        android:layout_toLeftOf="@id/中心"
       android:layout_centerInParent="true"
        android:layout_height="wrap_content"
        android:src="@mipmap/左"/>

    <ImageView
        android:id="@+id/左上"
        android:layout_width="wrap_content"
        android:layout_toLeftOf="@id/中心"
        android:layout_above="@id/中心"
        android:layout_height="wrap_content"
        android:src="@mipmap/左上"/>

    <ImageView
        android:id="@+id/左下"
       android:layout_toLeftOf="@id/下"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/左"
        android:layout_alignLeft="@id/左"
        android:src="@mipmap/左下"


        />
</RelativeLayout>