iis服务器助手广告广告
返回顶部
首页 > 资讯 > 移动开发 >Android布局实现圆角边框效果
  • 733
分享到

Android布局实现圆角边框效果

android布局Android 2022-06-06 07:06:15 733人浏览 薄情痞子
摘要

首先,在res下面新建一个文件夹drawable,在drawable下面新建三个xml文件:shape_corner_down.xml、shape_corner_up.xml和

首先,在res下面新建一个文件夹drawable,在drawable下面新建三个xml文件:shape_corner_down.xml、shape_corner_up.xml和shape_corner.xml,分别是下面两个角是圆角边框,上面两个角是圆角边框,四个角全部是圆角边框。 

shape_corner_down.xml:


<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:Android="Http://schemas.android.com/apk/res/android">
  <solid android:color="#0099CC" />
  <corners android:bottomRightRadius="20dp"
    android:bottomLeftRadius="20dp"/>
  <stroke android:width="1dp" android:color="#000000"/>
</shape>

shape_corner_up.xml: 


<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
  <solid android:color="#CCCC99" />  
  <corners android:topLeftRadius="20dp"
    android:topRightRadius="20dp" />
  <stroke android:width="1dp" android:color="#000000" />
</shape>

shape_corner.xml: 


<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
  <solid android:color="#99CCFF" />  
  <corners android:topLeftRadius="20dp"
    android:topRightRadius="20dp"
    android:bottomRightRadius="20dp"
    android:bottomLeftRadius="20dp"/>
  <stroke android:width="1dp" android:color="#000000" />
</shape>

<solid android:color>设置了背景颜色。android:topLeftRadius、android:topRightRadius、android:bottomLeftRadius、android:bottomRightRadius分别是左上角、右上角、左下角、右下角的半径值,设置了半径值,相应的角就是圆角,半径值越大,圆角就越大。<stroke>设置边界属性,如边界的宽度、颜色等。 

在activity_main.xml上面放置三个LinearLayout,分别设置android:background属性为shape_corner_up.xml、shape_corner_down.xml和shape_corner.xml,运行结果如下:

您可能感兴趣的文章:Android手机显示多彩霓虹灯效果Android Shader应用开发之霓虹闪烁文字效果Android图像处理之霓虹滤镜效果Android布局之帧布局FrameLayout详解Android布局之FrameLayout帧布局Android实现气泡布局/弹窗效果 气泡尖角方向及偏移量可控Android动画效果之自定义ViewGroup添加布局动画(五)Android给布局、控件加阴影效果的示例代码Android编程实现圆角边框布局效果的方法Android布局控件DrawerLayout实现完美侧滑效果Android开发实现布局帧布局霓虹灯效果示例


--结束END--

本文标题: Android布局实现圆角边框效果

本文链接: https://www.lsjlt.com/news/24353.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • Android编程实现圆角边框布局效果的方法
    本文实例讲述了Android编程实现圆角边框布局效果的方法。分享给大家供大家参考,具体如下:这里用的是TableLayout布局的。先看效果图下面看下布局文件<?xml version="1.0" encoding="utf-...
    99+
    2023-05-31
    android 布局 roi
  • CSS3实现圆角边框和边界图片效果
    这篇文章主要讲解了“CSS3实现圆角边框和边界图片效果”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“CSS3实现圆角边框和边界图片效果”吧!本文的学习要点如...
    99+
    2024-04-02
  • css边框变圆角边框怎么实现
    这篇文章主要介绍css边框变圆角边框怎么实现,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完! 写法:1、给边框添加“border-radius:圆角值;”样...
    99+
    2024-04-02
  • css怎么实现圆角边框
    这篇“css怎么实现圆角边框”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“css怎么实现圆角边框”文章吧。首先创建一个htm...
    99+
    2023-07-04
  • css3怎么实现圆角边框
    本篇内容主要讲解“css3怎么实现圆角边框”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“css3怎么实现圆角边框”吧! css3圆角...
    99+
    2024-04-02
  • Android自定义Drawable实现圆角效果
    Drawable是一种可绘制资源的载体,如图形、图像等。在实际开发中可以作为view的背景。主要有静态和动态两种方式,静态通过xml描述使用,动态即自定义Drawable。本文实现一个圆形和圆角的背景图片效果。效果图:实现方式:初始化一个B...
    99+
    2023-05-30
    drawable 圆角 roi
  • CSS布局技巧:实现圆角卡片效果的最佳实践
    引言:随着网页设计的不断发展,圆角卡片效果成为了现代化的网页设计中常见的元素之一。通过使用CSS布局技巧,我们能够轻松地为网页添加具有美观效果的圆角卡片。本文将介绍实现圆角卡片效果的最佳实践,并提供具体的代码示例供参考。一、使用CSS的bo...
    99+
    2023-10-21
    卡片效果 圆角 CSS布局
  • css3如何实现圆角边框和边框阴影
    这篇文章主要讲解了“css3如何实现圆角边框和边框阴影”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“css3如何实现圆角边框和边框阴影”吧!border-radius向元素添加圆角边框,cs...
    99+
    2023-07-04
  • css3中怎么实现圆角边框和边框阴影
    本篇文章为大家展示了css3中怎么实现圆角边框和边框阴影,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。border-radius向元素添加圆角边框,css3中的。I...
    99+
    2024-04-02
  • css3如何实现三角形带边框效果
    这篇文章主要讲解了“css3如何实现三角形带边框效果”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“css3如何实现三角形带边框效果”吧! ...
    99+
    2024-04-02
  • css如何实现圆角效果
    小编给大家分享一下css如何实现圆角效果,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!圆角效果  css3 新功能中最常用的一项是圆角效果,标准 HTML 方块对...
    99+
    2023-06-27
  • CSS3如何实现圆角效果
    这篇文章主要介绍了CSS3如何实现圆角效果,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。 CSS3 圆角使用 CSS3 borde...
    99+
    2024-04-02
  • Android ImageView 设置圆角及外边框样式
    目录 ImageView 设置圆角及外边框样式一、设置圆角逻辑:裁剪画布二、设置外边框逻辑:在绘制 Drawable 后再绘制外边框三、在项目中集成1. 添加依赖2. 控件样式3. 在 xml 中使用(1)分别指定4个圆角的大小(2...
    99+
    2023-08-19
    android kotlin
  • CSS3边框与圆角实例分析
    这篇文章主要介绍“CSS3边框与圆角实例分析”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“CSS3边框与圆角实例分析”文章能帮助大家解决问题。   &n...
    99+
    2024-04-02
  • css3如何实现边框的圆角和阴影
    这篇文章主要介绍css3如何实现边框的圆角和阴影,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完! css3中,可利用border-radius属性实现圆角,...
    99+
    2024-04-02
  • css中怎么实现圆角效果
    小编给大家分享一下css中怎么实现圆角效果,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!在css中,可以使用border-radius属性来实现圆角效果。bord...
    99+
    2023-06-14
  • CSS3中怎么实现圆角效果
    今天就跟大家聊聊有关CSS3中怎么实现圆角效果,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。语法和说明在CSS3中用来生成圆角效果的属性是borde...
    99+
    2024-04-02
  • Android圆形控件实现画圆效果
    本文实例为大家分享了Android圆形控件实现画圆效果的具体代码,供大家参考,具体内容如下 实现圆形控件 实现如下 package com.example.demo.util;...
    99+
    2024-04-02
  • 纯CSS3+DIV怎么实现小三角形边框效果
    这篇“纯CSS3+DIV怎么实现小三角形边框效果”文章,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要参考一下,对于“纯CSS3+DIV怎么实现小三角形边框效果”,小编整理了以下知识点,请大家跟着小编的步伐一步一步的...
    99+
    2023-06-08
  • 怎么用CSS3+DIV实现小三角形边框效果
    这篇文章主要介绍“怎么用CSS3+DIV实现小三角形边框效果”,在日常操作中,相信很多人在怎么用CSS3+DIV实现小三角形边框效果问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作