Button绘制圆角，蓝边

怼烎@ 2022-06-09 02:38 175阅读 0赞

在做一个佩戴设备APP时，需要做一个绿色圆角，内部为透明的按钮。先来看一下效果  
![这里写图片描述][20151111120044009]

## 效果实现 ##

### 先新建一个shape资源 ###

shape\_button.xml

<?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
        
        <solid android:color="@android:color/transparent" />
        
        
        <corners android:radius="30dip" />
        
        <stroke android:width="2px" android:color="#388e3c" />
    </shape>
       
        
         1
         2
         3
         4
         5
         6
         7
         8
         9
         10
         11
        
       
        
        
         
       
        
       
        
         1
         2
         3
         4
         5
         6
         7
         8
         9
         10
         11

### 设置Button的background ###

<Button android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="绑定手环" android:background="@drawable/shape_button" android:layout_alignParentBottom="true"/>
       
        
         1
         2
         3
         4
         5
         6
        
       
        
        
         
       
        
       
        
         1
         2
         3
         4
         5
         6

(function () \{  ('pre.prettyprint code').each(function () \{ var lines =  (this).text().split(′\\n′).length;var numbering = $('

').addClass('pre-numbering').hide();  (this).addClass(′has−numbering′).parent().append( numbering); for (i = 1; i

[20151111120044009]: /images/20220609/6fd4a5d011f848d98aeb17d10c3d5bfe.png

发表评论取消回复

表情：

评论列表（有 0 条评论，175人围观）

还没有评论，来说两句吧...

相关阅读

相关小程序 canvas 绘制圆角矩形

/** * 绘制圆角矩形 * @param {Object} ctx - canvas组件的绘图上下文 * @param {Numbe...

Love The Way You Lie/ 2024年04月17日 05:28/ 0 赞/ 90 阅读

相关 QML绘制圆角图片

import QtQuick 2.14 import QtQuick.Window 2.14 import QtQuick.Controls 2.14

港控/mmm°/ 2022年11月18日 01:45/ 0 赞/ 198 阅读

相关前端开发Tip-button 去除圆角和边框

在做小程序开发的时候，很多开发功能都是用 `button` 的 `open-type`来实现，但是 `button` 默认的效果太丑了这时候我们可以将 `butto

叁歲伎倆/ 2022年10月16日 12:22/ 0 赞/ 96 阅读

相关实现带描边的圆角图片

1、布局文件 <?xml version="1.0" encoding="utf-8"?> <FrameLayout xmlns:android="http:

Myth丶恋晨/ 2022年08月19日 12:16/ 0 赞/ 184 阅读

相关 Button绘制圆角，蓝边

在做一个佩戴设备APP时，需要做一个绿色圆角，内部为透明的按钮。先来看一下效果 ![这里写图片描述][20151111120044009] 效果实现先新建一个s

怼烎@/ 2022年06月09日 02:38/ 0 赞/ 176 阅读

相关 JavaFX设置Button圆角

通过下面的CSS可以设置按钮为圆角。 upButton{ /设置背景颜色渐变/ -fx-background-color: linea

我不是女神ヾ/ 2022年06月09日 02:17/ 0 赞/ 526 阅读

相关 iOS输入框和button圆角问题

/1、解决ios下input[type="text"]圆角问题：/ border-radius:0; / 2、解

喜欢ヅ旅行/ 2022年06月05日 02:39/ 0 赞/ 209 阅读

相关 Android 正 N 边形圆角头像的实现

卖一下广告，欢迎大家关注我的微信公众号，扫一扫下方二维码或搜索微信号 stormjun，即可关注。目前专注于 Android 开发，主要分享 Android开发相关知识和一些

布满荆棘的人生/ 2022年05月28日 00:57/ 0 赞/ 196 阅读

相关 canvas绘制圆角头像

如果你想绘制的网页包含一个圆弧形的头像的canvas图片，但是头像本身是正方形的，需要的方法如下：首先，拿到头像在画布上的坐标和宽高：(具体怎么获取不在此做具体介绍)

不念不忘少年蓝@/ 2022年03月25日 03:00/ 0 赞/ 295 阅读

相关 JavaScript 使用canvas绘制圆角矩形边框

目录分析完整代码如下 > 前言 > 在react项目中需要用到绘制矩形填充, 因为直角矩形不够美观, 需要绘制圆角填充矩形分析 Canva

落日映苍穹つ/ 2021年09月21日 14:22/ 0 赞/ 988 阅读