Android四角圆形背景

本文提供了一个具体的Android应用界面布局示例,使用RelativeLayout实现,并详细展示了布局文件代码,包括TextView、ImageView等组件及其属性设置。

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

从网上找的一个效果,忘记原地址了,每次用都要翻博客,这次直接放在日志里面,方便查看

效果图:

161318_ehoO_2008084.png

布局代码就一块块

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content" >

    <RelativeLayout
        android:id="@+id/address_relative"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        android:background="@drawable/rect_gray"
        android:paddingTop="@dimen/dp10"
        android:paddingBottom="@dimen/dp10"
        android:layout_marginTop="@dimen/dp10" >

        <TextView
            android:id="@+id/address_txtBrief"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="@dimen/dp10"
            android:text="aaaaaaaaaaaaaa"
            android:textColor="@color/bl_color_black"
            android:textSize="@dimen/sp14" />

        <LinearLayout
            android:id="@+id/address_linearEdit"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:clickable="true"
            android:focusable="true"
            android:gravity="bottom"
            android:layout_marginRight="15dp"
            android:orientation="horizontal" >

            <ImageView
                android:id="@+id/address_imgEdit"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_vertical"
                android:background="@drawable/profile_edit"
                android:contentDescription="@string/bl_img" />

            <!-- <TextView
                android:layout_width="@dimen/dp40"
                android:layout_height="wrap_content"
                android:layout_gravity="center_vertical"
                android:layout_marginLeft="@dimen/dp1"
                android:background="@color/transparent"
                android:gravity="bottom"
                android:text="@string/address_btnEdit"
                android:textColor="@color/bl_color_green"
                android:textSize="@dimen/sp14" /> -->
        </LinearLayout>

        <ImageView
            android:id="@+id/address_imgSplit"
            android:layout_width="fill_parent"
            android:layout_height="@dimen/dp1"
            android:layout_below="@+id/address_txtBrief"
            android:layout_marginTop="12dp"
            android:background="@drawable/bg03"
            android:contentDescription="@string/bl_img" />

        <TextView
            android:id="@+id/address_txtReceiveContact"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/address_imgSplit"
            android:layout_marginLeft="@dimen/dp10"
            android:layout_marginTop="@dimen/dp10"
            android:text="联系电话:"
            android:textColor="@color/bl_color_black"
            android:textSize="@dimen/sp14" />

        <TextView
            android:id="@+id/address_txtReceiveCellPhone"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/address_imgSplit"
            android:layout_toRightOf="@+id/address_txtReceiveContact"
            android:layout_marginLeft="5dp"
            android:layout_marginRight="@dimen/dp10"
            android:layout_marginTop="@dimen/dp10"
            android:text="aaaaaaaaaaaaaa"
            android:textColor="@color/bl_color_black"
            android:textSize="@dimen/sp14" />

        <TextView
            android:id="@+id/address_txtReceiveAddress"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_below="@+id/address_txtReceiveContact"
            android:layout_marginLeft="@dimen/dp10"
            android:layout_marginRight="@dimen/dp10"
            android:layout_marginTop="@dimen/dp10"
            android:text="aaaaaaaaaaaaaa"
            android:textColor="@color/bl_color_black"
            android:textSize="@dimen/sp14" />
    </RelativeLayout>

</RelativeLayout>

主要代码是最外层RelativeLayout的 android:background="@drawable/rect_gray"

下面是rect_grey代码

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="rectangle">
    <!-- 填充颜色 -->
    <solid android:color="#FFFFFF"></solid>
    <!-- 线的宽度,颜色灰色 -->
    <stroke android:width="1dp" android:color="#8A8A8A"></stroke>        
    <!-- 矩形的圆角半径 -->
    <corners android:radius="10dp" />       
</shape>

然后就没有然后了,效果就出来了。做个标记

转载于:https://my.oschina.net/u/2008084/blog/687740

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值