我们玩游戏时,经常弹出来广告页面窗口,在图片的右上角有一个取消按钮,这个按钮有一部分在广告内容里面,一部分在外面,今天就来实现这个样式。
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>
效果图:
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>
效果图: