Android开发——半边圆角按钮的实现

最新推荐文章于 2025-10-02 16:48:41 发布

原创最新推荐文章于 2025-10-02 16:48:41 发布 · 4.7k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#android #android开发 #需求 #界面

Android开发专栏收录该内容

52 篇文章

订阅专栏

本文介绍了一种在Android开发中实现一侧直角、一侧圆角按钮的方法。通过自定义Drawable资源文件，调整按钮各角的圆角半径，轻松完成界面设计需求。

前言

在实际开发的界面搭建的需求当中会出现：一边直角，一边圆角的按钮。遇到这样的界面搭建，我们应该怎么去实现呢？我给搭建分享一下我的搭建xml。

先上效果图

这里写图片描述
这是我工作的时候，界面需求的半边圆角的按钮。

实现步骤

第一步：就是在res/drawable中创建login_code.xml(命名主要看个人)

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 设置背景填充色 -->
    <solid android:color="#5069ff" />
    <!-- 设置边框宽度为1dp，边框颜色 -->
    <stroke
        android:width="1dp"
        android:color="#F1F3FF" />
    <!-- 设置按钮圆角半径为25dp -->
    <corners android:bottomRightRadius="25dp"
        android:topRightRadius="25dp"/>
</shape>

第二步：在Button中引用这个login_code.xml

<Button
     android:layout_width="100dp"
     android:layout_height="50dp"
     android:layout_alignParentRight="true"
     android:background="@drawable/login_code"
     android:text="获取验证码"
     android:textColor="#ffffff"
     android:textSize="13sp" />

这个是我上面按钮的代码，其中引用的代码是android:background="@drawable/login_code"。

总结

这个是开发的时候的小技巧，其实很简单。这个按钮效果主要是当你需要的那边变成圆角就改变这里的代码就可以了。希望对Android开发的小伙伴有用。

android:topLeftRadius=""//上面左边的角度
android:topRightRadius=""//上面的右边的角度 
android:bottomRightRadius=""//下面右边的角度
android:bottomLeftRadius=""//下面左边的角度