圆角边框和渐变

Demo2\aa\src\main\res\drawable\bg_border.xml

1 <?xml version="1.0" encoding="utf-8"?>
2 <shape xmlns:android="http://schemas.android.com/apk/res/android">
3     <!--设置背景色为透明色-->
4     <solid android:color="#0000"/>
5     <!--设置红色边框-->
6     <stroke android:width="4dp" android:color="#f00"/>
7 </shape>

Demo2\aa\src\main\res\drawable\bg_border2.xml

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <shape xmlns:android="http://schemas.android.com/apk/res/android"
 3     android:shape="rectangle">
 4     <!--指定圆角矩形的4个圆角的半径-->
 5     <corners
 6         android:bottomLeftRadius="5dp"
 7         android:bottomRightRadius="20dp"
 8         android:topLeftRadius="20dp"
 9         android:topRightRadius="5dp" />
10     <!--指定边框线条的宽度和颜色-->
11     <stroke
12         android:width="4dp"
13         android:color="#f0f" />
14     <!--指定使用渐变背景色,使用sweep类型的渐变(红绿蓝)-->
15     <gradient
16         android:centerColor="#0f0"
17         android:endColor="#00f"
18         android:startColor="#f00"
19         android:type="sweep" />
20 </shape>

Demo2\aa\src\main\res\layout\activity_main.xml

 1 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 2     xmlns:tools="http://schemas.android.com/tools"
 3     android:layout_width="match_parent"
 4     android:layout_height="match_parent"
 5     android:orientation="vertical"
 6     tools:context=".MainActivity">
 7
 8     <!--通过background指定背景-->
 9     <TextView
10         android:layout_width="match_parent"
11         android:layout_height="wrap_content"
12         android:text="带边框的文本"
13         android:textSize="24sp"
14         android:background="@drawable/bg_border"/>
15     <TextView
16         android:layout_width="match_parent"
17         android:layout_height="wrap_content"
18         android:text="圆角边框,渐变背景的文本"
19         android:textSize="24sp"
20         android:background="@drawable/bg_border2"/>
21
22 </LinearLayout>
时间: 2024-08-08 09:26:53

圆角边框和渐变的相关文章

android 圆角边框、渐变背景的TextView

加一个红色的边框: textView的XML: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_

【控件扩展】带圆角、边框、渐变的panel

下载地址:  http://files.cnblogs.com/chengulv/custompanel_demo.zip using System; namespace LC.Fun { /// <summary>Panel扩展 带圆角,颜色渐变</summary> [System.Drawing.ToolboxBitmapAttribute(typeof(System.Windows.Forms.Panel))] public class RoundPanel : System

如何实现css渐变圆角边框

最近设计师的风格发生突变,一句话概括就是,能用渐变的地方绝对不用纯色.这不,就整出了一个渐变圆角边框.这渐变好做,圆角好做,渐变圆角也没问题,可是在加个边框还是有点坑的.没办法,看看怎么实现吧 border-image 缺陷不支持圆角 首先想到的是 border-image 的实现方式,用一个渐变作为 border-image: border-image-source: linear-gradient(to right,#08fdd8,#F58549, red); 然而使用完 border-im

CSS第四天总结 更多的属性 圆角 边框图片 段落属性 颜色渐变 盒子阴影

圆角边框: border-radius    一个值时表示四个角用的圆半径,4个值时分别是左上角.右上角.左下角.右下角,单位可以是px和百分比,百分比是半径相对于边框长度的比例 在CSS3中我们终于可以快捷地设置圆角,而且通过这个属性我们还可以做出圆.半圆.四分一圆.椭圆等图形. 常用的圆角效果: div{border-radius: 15px;} 两个值时,分别指水平方向的半径和垂直方向的半径,用/号隔开,如: div{border-radius:5px 3px 4px 2px/1px 2p

CSS3下不一样的阴影、背景和圆角边框样式

CSS3下不一样的阴影.背景和圆角边框样式 CSS2.1 发布至今已有7年的历史.CSS3的出现就是增强CSS2.1的功能,减少图片的使用次数以及解决HTML页面上的特殊效果 当前,CSS3技术最适合在移动Web开发中使用的特性包括: ●增强的选择器 ●阴影 ●强大的背景设置 ●圆角边框 阴影: 现在的CSS3样式已经支持阴影样式效果.目前可使用的阴影的效果分为两种:文本内容的阴影效果和元素的阴影效果. box-shadow CSS3的box-shadow属性是让元素具有阴影的效果,其语法如下:

css:设置div边框透明+渐变

写作背景: 觅兼职--登陆页面,UI给的原型图很漂亮,其中有一个图要求div外面有一圈透明度为0.37且带有渐变的边框.效果图如下: 在写的时候遇到了一点小小的问题:无法给同一个div设置圆角的透明+渐变边框.但是,又不能不做是不是,费了一番心思查资料,下面是解决方案: 1.分成两个div叠加的形式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"&g

Swing圆角边框的实现

Swing圆角边框实现 Swing圆角边框的实现方法: package com.justplay.basic; import java.awt.Color; import java.awt.Component; import java.awt.Graphics; import java.awt.Insets; import javax.swing.border.Border; /**  * Swing  * 设置圆角边框(可以自定义边框的颜色)  * 可以为button,文本框等人以组件添加边框

Android给TextView和EditText等控件设置透明背景、圆角边框

第一种方法:在drawable文件夹下新建一个文件设置背景样式 代码: 在drawable文件夹下面新建textviewborder.xml <?xml version="1.0" encoding="UTF-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"> <solid android:color="#80858

圆角边框以及阴影制作卡片式图片 - 学习笔记

圆角边框以及阴影制作卡片式图片 圆角边框 border-radius 卡片使用阴影 box-shadow 利用阴影给图片底部创造一个长方形 内部的元素会直接覆盖整个阴影 HTML 部分 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>卡片式图片&l