RelativeLayout中Margin属性

迷南。 2022-08-09 15:49 182阅读 0赞

我们玩游戏时，经常弹出来广告页面窗口，在图片的右上角有一个取消按钮，这个按钮有一部分在广告内容里面，一部分在外面，今天就来实现这个样式。

activity\_main.xml中未使用margin的代码：

<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:background="#00CCCCFF"
        tools:context="com.jay.example.relativelayoutdemo.MainActivity" >
    
        <ImageView
            android:id="@+id/imgBack"
            android:layout_width="340dp"
            android:layout_height="400dp"
            android:layout_centerInParent="true"
            android:background="@drawable/ad" />
    
        <ImageView
            android:id="@+id/imgCancle"
            android:layout_width="48dp"
            android:layout_height="48dp"
            android:layout_alignRight="@id/imgBack"
            android:layout_alignTop="@id/imgBack"
            android:background="@drawable/cancel" />
    
    </RelativeLayout>

效果图：

![Center][]

activity\_main.xml中使用margin后的代码：

<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:background="#00CCCCFF"
        tools:context="com.jay.example.relativelayoutdemo.MainActivity" >
    
        <ImageView
            android:id="@+id/imgBack"
            android:layout_width="340dp"
            android:layout_height="400dp"
            android:layout_centerInParent="true"
            android:background="@drawable/ad" />
    
        <ImageView
            android:id="@+id/imgCancle"
            android:layout_width="48dp"
            android:layout_height="48dp"
            android:layout_alignRight="@id/imgBack"
            android:layout_alignTop="@id/imgBack"
            android:layout_marginRight="-10dp"
            android:layout_marginTop="-15dp"
            android:background="@drawable/cancel" />
    
    </RelativeLayout>

效果图：

![Center 1][]

[Center]: /images/20220731/4c13993f264f42a08c9181f2b97abac5.png
[Center 1]: /images/20220731/77664cd9b41240f0a2c2ec240eaf1b69.png

发表评论取消回复

表情：

评论列表（有 0 条评论，182人围观）

还没有评论，来说两句吧...

相关阅读

相关 Android中RelativeLayout部分属性及简单应用

android :layout\_above="@id/xxx" --控件置于给定ID控件之上 android:layout\_below="@id/xxx" --控件置于给

迈不过友情╰/ 2024年02月17日 22:24/ 0 赞/ 27 阅读

相关 RelativeLayout布局属性详解

RelativeLayout用到的一些重要的属性：　　第一类:属性值为true或false 　　android:layout_centerHrizon

爱被打了一巴掌/ 2022年08月19日 12:27/ 0 赞/ 210 阅读

相关 html中元素的padding属性与margin属性

padding padding-top padding-right padding-bottom padding-left

小灰灰/ 2022年08月19日 08:23/ 0 赞/ 201 阅读

相关 RelativeLayout中Margin属性

我们玩游戏时，经常弹出来广告页面窗口，在图片的右上角有一个取消按钮，这个按钮有一部分在广告内容里面，一部分在外面，今天就来实现这个样式。 activity\_m

迷南。/ 2022年08月09日 15:49/ 0 赞/ 183 阅读

相关 RelativeLayout布局属性

子类控件在RelativeLayout中常用的属性：子类空间相对父类容器的位置： android:layout\_alignParentLeft="true"——子类

清疚/ 2022年07月24日 06:28/ 0 赞/ 221 阅读

相关 RelativeLayout（相对布局）及其属性

1.核心属性图 ![20160827162526922][] -------------------- 2.父容器定位属性示意图 ![2016082716

灰太狼/ 2022年07月17日 02:38/ 0 赞/ 247 阅读

相关深入理解css中的margin属性

[深入理解css中的margin属性][css_margin] 转载自 http://www.cnblogs.com/zhuzhenwei918/p/6124263.h

Bertha 。/ 2022年05月30日 05:12/ 0 赞/ 280 阅读

相关 LinearLayout和RelativeLayout 属性对比

LinearLayout和RelativeLayout 属性对比共有属性：java代码中通过btn1关联次控件 android:id=”@+id/btn1″

本是古典何须时尚/ 2022年03月20日 10:14/ 0 赞/ 210 阅读

相关深入理解css中的margin属性

之前我一直认为margin属性是一个非常简单的属性，但是最近做项目时遇到了一些问题，才发现margin属性还是有一些“坑”的，下面我会介绍margin的基本知识以及那些“坑

我不是女神ヾ/ 2021年12月03日 10:41/ 0 赞/ 320 阅读

相关 android relativelayout属性记录

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NzZG5f

野性酷女/ 2021年09月18日 15:54/ 0 赞/ 349 阅读