边框半径布局 Android XML - C++

简介

边框半径布局是一种在 Android 应用程序中常用的 UI 布局方式。通过设置边框半径，可以实现圆角、椭圆等形状的 UI 元素。本文将介绍如何在 Android XML 中实现边框半径布局，并且提供一些示例代码。

实现

在 Android XML 中，我们可以使用 shape 标签来实现边框半径布局。具体步骤如下：

1. 创建一个 shape 文件（例如，rounded_corners.xml），并在其中加入一个 shape 标签。

   <?xml version="1.0" encoding="utf-8"?>
   <shape xmlns:android="http://schemas.android.com/apk/res/android">
   </shape>
   

2. 在 shape 标签内部加入需要设置的属性，例如设置填充颜色、边框颜色、边框宽度、圆角值等。

   <?xml version="1.0" encoding="utf-8"?>
   <shape xmlns:android="http://schemas.android.com/apk/res/android"
          android:shape="rectangle">
       <solid android:color="#FFFFFF"/>
       <stroke
           android:width="1dp"
           android:color="#FF000000"/>
       <corners android:radius="10dp"/>
   </shape>
   

3. 在布局文件中使用 shape，可以使用 background 属性来引用 shape 文件。

   <TextView
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="Hello World!"
       android:background="@drawable/rounded_corners"/>
   

值得注意的是，圆角值应该尽可能通过 dimens.xml （即资源文件）来定义。

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <dimen name="rounded_corners_radius">10dp</dimen>
</resources>

这样，在 shape 文件中定义圆角值的时候，我们可以直接使用之前定义的 rounded_corners_radius。

<corners android:radius="@dimen/rounded_corners_radius"/>

示例

这里提供一些示例代码供参考。这里的示例代码可以在 GitHub 上找到：https://github.com/zorac825/android-rounded-corners-examples

示例 1：圆角矩形

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
       android:shape="rectangle">
    <solid android:color="#FFFFFF"/>
    <stroke
        android:width="1dp"
        android:color="#FF000000"/>
    <corners android:radius="@dimen/rounded_corners_radius"/>
</shape>

示例 2：椭圆形

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
       android:shape="oval">
    <solid android:color="#FFFFFF"/>
    <stroke
        android:width="1dp"
        android:color="#FF000000"/>
</shape>

示例 3：不规则形状

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#FFFFFF"/>
    <stroke
        android:width="1dp"
        android:color="#FF000000"/>
    <corners android:radius="10dp"/>
    <padding
        android:bottom="50dp"
        android:left="50dp"
        android:right="50dp"
        android:top="50dp"/>
    <size
        android:width="100dp"
        android:height="50dp"/>
    <gradient
        android:startColor="#FF3399FF"
        android:endColor="#FFFF0000"
        android:angle="45"/>
</shape>

结论

边框半径布局是 Android 应用程序中常用的布局方式，可以用于实现圆角、椭圆等形状的 UI 元素。在 Android XML 中实现边框半径布局，可以使用 shape 标签并加入相应属性，例如圆角值、填充色、边框色等。最后，在布局文件中使用 background 属性来引用 shape 文件即可。

参考资料

• ShapeDrawable | Android Developers
• How to make an ImageView with rounded corners? | Stack Overflow