android开发shape设置两边半圆边框

胡世博

于 2024-08-18 03:50:33 发布

阅读量54

点赞数

文章标签： android

我整理的一些关于【HA】的项目学习资料（附讲解～～）和大家一起分享、学习一下：

https://d.51cto.com/f2PFnN

Android开发：如何实现Shape设置两边半圆边框

在Android开发中，有时我们需要创建自定义的视图，比如设置一个在左右两边带有半圆边框的形状。这样可以改善用户界面的视觉效果，增加应用的吸引力。本文将详细介绍如何实现这一效果，并通过代码示例进行讲解。

流程概述

在实现这个效果之前，我们需要明确步骤。下面是实现的基本流程：

阶段	步骤描述
第1步	创建一个Shape Drawable资源
第2步	在布局文件中应用这个Drawable
第3步	通过代码动态设置背景（可选）

接下来，我们将逐步深入每一个步骤，并附上相关代码和注释。

第一步：创建一个Shape Drawable资源

我们需要通过定义XML文件来创建一个Shape Drawable。这里，我们将构建一个带有左右半圆的背景。

在res/drawable目录下创建一个新的XML文件，命名为half_circle.xml，内容如下：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="
    android:shape="rectangle">
    <corners android:topLeftRadius="50dp" android:topRightRadius="50dp" />
    <solid android:color="#FF5722" /> <!-- 这里设置了背景颜色 -->
</shape>

android:shape定义了形状类型，这里是矩形。
<corners>指示矩形的四个角的半径，通过设置左上和右上的半径值为50dp，实现了左右两边是半圆的效果。
<solid>设置了形状的颜色为橘色（#FF5722）。

第二步：在布局文件中应用这个Drawable

接下来，我们将在布局文件中应用这个Drawable。假设我们在使用activity_main.xml作为主布局文件。

在res/layout/activity_main.xml中添加如下代码：

<LinearLayout xmlns:android="
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:orientation="vertical">

    <View
        android:layout_width="200dp"
        android:layout_height="100dp"
        android:background="@drawable/half_circle" /> <!-- 应用我们刚刚创建的Shape Drawable -->

</LinearLayout>

LinearLayout是一个垂直排列的布局，match_parent表示该布局会填满整个屏幕。
View是一个简单的矩形视图，宽度为200dp，高度为100dp，并且背景是我们创建的half_circle。

第三步：通过代码动态设置背景（可选）

如果您需要通过代码动态设置背景，可以在您的Activity中这样做。以下是相应的代码：

import android.os.Bundle;
import android.widget.LinearLayout;
import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        LinearLayout layout = findViewById(R.id.linearLayout);
        layout.setBackgroundResource(R.drawable.half_circle); // 动态设置背景
    }
}