android 圆角item shape

最新推荐文章于 2024-07-22 15:16:14 发布
最新推荐文章于 2024-07-22 15:16:14 发布
阅读量278 收藏
点赞数
文章标签： 移动开发
原文链接：http://www.cnblogs.com/jinglingJuly/p/3399024.html
版权

先上效果图：

 

就是一个类似微信qq那种item的shape。

 

即时上代码，少废话。

以下文件均为drawable文件夹下

文件：shape_general_item_top_bg_up.xml

<?xml version="1.0" encoding="UTF-8"?>  
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">  
    <item>  
        <shape>  
            <solid android:color="@android:color/white" />  
            <!-- 圆角 -->
            <corners
                android:topLeftRadius="5dp"
                android:topRightRadius="5dp"
                android:bottomLeftRadius="0dp"
                android:bottomRightRadius="0dp"
                /><!-- 设置圆角半径 -->
            <stroke android:width="1dp" android:color="@color/GENERAL_ITEM_STROKE_COLOR" />  
        </shape>  
    </item>  
    <item android:top="1dp" android:left="1dp" android:right="1dp" android:bottom="1dp">  
        <shape>  
            <solid android:color="@android:color/white" />
            <!-- 圆角 -->
            <corners
                android:topLeftRadius="5dp"
                android:topRightRadius="5dp"
                android:bottomLeftRadius="0dp"
                android:bottomRightRadius="0dp"
                /><!-- 设置圆角半径 -->
            <!-- 间隔 -->
            <padding
                android:left="2dp"
                android:top="0dp"
                android:right="2dp"
                android:bottom="0dp"/><!-- 各方向的间隔 -->
            <stroke android:width="1dp" android:color="@android:color/white" />  
        </shape>  
    </item>  
</layer-list>

文件：shape_general_item_top_bg_down.xml

<?xml version="1.0" encoding="UTF-8"?>  
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">  
    <item>  
        <shape>  
            <solid android:color="@color/GENERAL_ITEM_STROKE_DOWN_COLOR" /> 
            <!-- 圆角 -->
            <corners
                android:topLeftRadius="5dp"
                android:topRightRadius="5dp"
                android:bottomLeftRadius="0dp"
                android:bottomRightRadius="0dp"
                /><!-- 设置圆角半径 -->
            <stroke android:width="1dp" android:color="@color/GENERAL_ITEM_STROKE_COLOR" />  
        </shape>  
    </item>  
    <item android:top="1dp" android:left="1dp" android:right="1dp" android:bottom="1dp">  
        <shape>  
            <solid android:color="@color/GENERAL_ITEM_STROKE_DOWN_COLOR" />
            <!-- 圆角 -->
            <corners
                android:topLeftRadius="5dp"
                android:topRightRadius="5dp"
                android:bottomLeftRadius="0dp"
                android:bottomRightRadius="0dp"
                /><!-- 设置圆角半径 -->
            <!-- 间隔 -->
            <padding
                android:left="2dp"
                android:top="0dp"
                android:right="2dp"
                android:bottom="0dp"/><!-- 各方向的间隔 -->
            <stroke android:width="1dp" android:color="@color/GENERAL_ITEM_STROKE_DOWN_COLOR" />  
        </shape>  
    </item>  
</layer-list>

文件：shape_general_item_down_bg_up.xml

<?xml version="1.0" encoding="UTF-8"?>  
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">  
    <item>  
        <shape>  
            <solid android:color="@android:color/white" />  
            <!-- 圆角 -->
            <corners
                android:topLeftRadius="0dp"
                android:topRightRadius="0dp"
                android:bottomLeftRadius="5dp"
                android:bottomRightRadius="5dp"
                /><!-- 设置圆角半径 -->
            <stroke android:width="1dp" android:color="@color/GENERAL_ITEM_STROKE_COLOR" />  
        </shape>  
    </item>  
    <item android:left="1dp" android:right="1dp" android:bottom="1dp">  
        <shape>  
            <solid android:color="@android:color/white" />
            <!-- 圆角 -->
            <corners
                android:topLeftRadius="0dp"
                android:topRightRadius="0dp"
                android:bottomLeftRadius="5dp"
                android:bottomRightRadius="5dp"
                /><!-- 设置圆角半径 -->
            <!-- 间隔 -->
            <padding
                android:left="2dp"
                android:top="0dp"
                android:right="2dp"
                android:bottom="0dp"/><!-- 各方向的间隔 -->
            <stroke android:width="1dp" android:color="@android:color/white" />  
        </shape>  
    </item>  
</layer-list>

文件：shape_general_item_down_bg_down.xml

<?xml version="1.0" encoding="UTF-8"?>  
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">  
    <item>  
        <shape>  
            <solid android:color="@color/GENERAL_ITEM_STROKE_DOWN_COLOR" /> 
            <!-- 圆角 -->
            <corners
                android:topLeftRadius="0dp"
                android:topRightRadius="0dp"
                android:bottomLeftRadius="5dp"
                android:bottomRightRadius="5dp"
                /><!-- 设置圆角半径 -->
            <stroke android:width="1dp" android:color="@color/GENERAL_ITEM_STROKE_COLOR" />  
        </shape>  
    </item>  
    <item android:left="1dp" android:right="1dp" android:bottom="1dp">  
        <shape>  
            <solid android:color="@color/GENERAL_ITEM_STROKE_DOWN_COLOR" />
            <!-- 圆角 -->
            <corners
                android:topLeftRadius="0dp"
                android:topRightRadius="0dp"
                android:bottomLeftRadius="5dp"
                android:bottomRightRadius="5dp"
                /><!-- 设置圆角半径 -->
            <!-- 间隔 -->
            <padding
                android:left="2dp"
                android:top="0dp"
                android:right="2dp"
                android:bottom="0dp"/><!-- 各方向的间隔 -->
            <stroke android:width="1dp" android:color="@color/GENERAL_ITEM_STROKE_DOWN_COLOR" />  
        </shape>  
    </item>  
</layer-list>

文件：shape_general_item_center_bg_up.xml

<?xml version="1.0" encoding="UTF-8"?>  
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">  
    <item>  
        <shape>  
            <solid android:color="@android:color/white" />  
            <corners  />  
            <stroke android:width="1dp" android:color="@color/GENERAL_ITEM_STROKE_COLOR" />  
        </shape>  
    </item>  
    <item android:left="1dp" android:right="1dp" android:bottom="1dp">  
        <shape>  
            <solid android:color="@android:color/white" />  
            <!-- 间隔 -->
            <padding
                android:left="2dp"
                android:top="0dp"
                android:right="2dp"
                android:bottom="0dp"/><!-- 各方向的间隔 -->
            <corners  />  
            <stroke android:width="1dp" android:color="@android:color/white" />  
        </shape>  
    </item>  
</layer-list>

文件：shape_general_item_center_bg_down.xml

<?xml version="1.0" encoding="UTF-8"?>  
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">  
    <item>  
        <shape>  
            <solid android:color="@color/GENERAL_ITEM_STROKE_DOWN_COLOR" />  
            <corners  />  
            <stroke android:width="1dp" android:color="@color/GENERAL_ITEM_STROKE_COLOR" />  
        </shape>  
    </item>  
    <item android:left="1dp" android:right="1dp" android:bottom="1dp">  
        <shape>  
            <solid android:color="@color/GENERAL_ITEM_STROKE_DOWN_COLOR" /> 
            <!-- 间隔 -->
            <padding
                android:left="2dp"
                android:top="0dp"
                android:right="2dp"
                android:bottom="0dp"/><!-- 各方向的间隔 -->
            <corners  />  
            <stroke android:width="1dp" android:color="@color/GENERAL_ITEM_STROKE_DOWN_COLOR" />  
        </shape>  
    </item>  
</layer-list>

 

以上为上中下的边框keyup keydown状态

以下是selector

文件：general_item_top_bg_selector.xml

<?xml version="1.0" encoding="utf-8"?>
<selector
  xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true"
    android:drawable="@drawable/shape_general_item_top_bg_down"/>
    <item android:state_pressed="false"
    android:drawable="@drawable/shape_general_item_top_bg_up"/>  
</selector>

文件：general_item_center_bg_selector.xml

<?xml version="1.0" encoding="utf-8"?>
<selector
  xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true"
    android:drawable="@drawable/shape_general_item_center_bg_down"/>
    <item android:state_pressed="false"
    android:drawable="@drawable/shape_general_item_center_bg_up"/>  
</selector>

文件：general_item_down_bg_selector.xml

<?xml version="1.0" encoding="utf-8"?>
<selector
  xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true"
    android:drawable="@drawable/shape_general_item_down_bg_down"/>
    <item android:state_pressed="false"
    android:drawable="@drawable/shape_general_item_down_bg_up"/>  
</selector>

以上三个selector直接应用即可，文件名这么凸显了，相信众屌也能懂。

 

如有改进或错误之处，不怜赐教。

 

 

 

 

 

 

 

 

转载于:https://www.cnblogs.com/jinglingJuly/p/3399024.html

weixin_30627341
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
android 圆角效果
渺之一粟的专栏
02-13 7225
android 圆角效果 最近做一个效果，要一个上边两个角为圆角，下面两个角为直角的四边形白色背景； 如下图:   这里用到了shape属性中的corners 属性， api原文中是这样：     android:radius="integer"     android:topLeftRadius="integer"     android:topRightRadi
android圆形进度条
shenyang2003112312的博客
12-07 1227
一、简介               1、本篇博文给大家介绍一个圆形进度条控件的绘制，首先看一下效果，如下：当点击圆形按钮时，开始加载条，当松开时，进度条回归其实位置； 二、结构分析     为了达到以上效果，我们首先要清楚改控件的结构和制作思路，首先我分析一下我制作时的结构，如下结构图：  结构如上，根据结构图，我说明一下我的制作思路，
android shape selector layer-list详解
ArchurSpace
01-20 523
原文地址：http://blog.csdn.net/brokge/article/details/9713041 和在Android UI设计中经常用到。比如我们要自定义一个圆角Button，点击Button有些效果的变化，就要用到和。 可以这样说，和在美化控件中的作用是至关重要。 在看这篇文章之前，可以看下这个小例子：镂空按钮的实现 1.Shape 简介 作用
android shape的使用
愤怒的油条
08-25 370
http://www.cnblogs.com/cyanfei/archive/2012/07/27/2612023.html http://blog.csdn.net/lan410812571/article/details/9946991 shape用于设定形状，可以在selector，layout等里面使用，有6个子标签，各属性如下： xml version="1
Android中shape的使用
Mr____zhu的博客
05-10 392
原创作品，允许转载，转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。http://kofi1122.blog.51cto.com/2815761/521605 Android中常常使用shape来定义控件的一些显示属性，今天看了一些shape的使用，对shape有了大体的了解，稍作总结： 先看下面的代码：
android 代码设置圆角,Android中用Shape实现圆角和局部圆角
weixin_42441929的博客
05-26 2870
本文讲解如何实现布局边框的部分圆角大家可能都知道圆角实现其实很简单, 在drawable文件夹下新建xml文件加入以下代码情景1: 四个角均为圆角android:shape="rectangle">android:width="1dp"android:color="@color/blue"/>android:radius="2dp"/>通过以上代码设置成布局的background...
Android程序Shape使用总结！
huahaiyi的博客
08-03 3512
在Android程序开发中，我们经常会去用到Shape这个东西去定义各种各样的形状。首先我们了解一下Shape下面有哪些标签，都代表什么意思：solid：填充 android:color指定填充的颜色gradient：渐变 android:startColor和android:endColor分别为起始和结束颜色，android:angle是渐变角度，必须为45的整数倍。另外渐变默认的模式为android:type=“linear”，即线性渐变，
Android中使用Shape自定义形状
05-08
在Android开发中，Shape是XML布局文件中的一种元素，它允许开发者自定义各种图形，如矩形、椭圆、线和梯形等，用于创建丰富多彩的背景或按钮样式。本教程将深入探讨如何在Android中使用Shape来实现自定义形状。 1. ...
Android使用shape绘制阴影图层阴影效果示例
08-27
Android 使用 Shape 绘制阴影图层阴影效果示例 本篇文章主要介绍了 Android 使用 Shape 绘制阴影图层阴影效果示例，通过使用 Shape 可以轻松实现阴影效果。在文章中，我们会详细介绍如何使用 Shape 来实现阴影效果...
Android自定义shape的使用示例
09-05
总结来说，Android中的自定义shape允许开发者灵活地设计UI元素的外观，通过XML文件定义各种形状、颜色和圆角，从而实现丰富的视觉效果。在这个例子中，我们学习了如何创建和使用自定义的矩形shape，以及如何通过状态...
Android Selector和Shape的使用方法
09-05
在Android开发中，Selector和Shape是两种非常重要的资源类型，它们允许我们实现界面元素的动态效果，如按钮、文本视图等在不同状态下的样式变化。这篇文章将详细讲解这两种资源的使用方法，以及如何结合使用它们来...
Android圆角设计
01-11
如果需要在`RecyclerView`的Item视图中实现圆角，需要确保每个Item视图的背景都是圆角形状，或者为`RecyclerView`设置`clipToPadding="false"`和`clipChildren="false"`，以防止Item视图的圆角被裁剪。 此外，`...
Android之用shape实现任意边显示框
Zachary的基地
01-11 3420
在drawable.xml中添加背景文件 &lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;layer-list xmlns:android="http://schemas.android.com/apk/res/android"&gt; &lt;!--只有左、上边框的shape--&gt; &lt;item&gt;
android shape 属性大全
三禾木
04-11 473
Android中常常使用shape来定义控件的一些显示属性，今天看了一些shape的使用，对shape有了大体的了解，稍作总结： http://kofi1122.blog.51cto.com/2815761/521605 先看下面的代码：                                                                     
探索Android中selector和shape的结合使用
热门推荐
Angelica
12-06 2万+
Android中的Selector（背景选择器）主要是用来改变一个按钮控件的背景，在Android UI设计中经常会遇到，比如我们在点击Button时需要有些效果的变化，这时候就要用到和。和对美化控件有很大的作用。 接下来我要以四个在Android实际开发中可能会用的比较的情况来探索selector和shape的结合使用。 （1）带圆角,白色背景,彩色边框的矩形 首先来定义一个带圆角,白色背
android中的shape属性
沙湖的天地的博客
03-20 396
在android自带的控件中如按钮，输入框都不如ios的控件好看，我们一般都会仿照ios的控件的效果。只需在drawable目录下新建一个xml文件，修改控件的样式。如button_shape.xml<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/an
android shape各标签用法详解
欢迎进入JesseAndroid的博客
03-22 1183
sharp这个东西之前用的比较少，用的时候也都是网上找现成的，现在为止对它的各个标签的作用还是比较陌生，在网上读到一篇讲解的很详细的文章，转过来以后忘记了再来看。 sharp实例： &lt;shape&gt; &lt;!-- 实心 --&gt; &lt;solid android:color="#ff9d77"/&gt; ...
Android shape 几种用法
lidongxiu0714
11-20 3335
1 边框 &amp;amp;lt;?xml version=&amp;quot;1.0&amp;quot; encoding=&amp;quot;utf-8&amp;quot;?&amp;amp;gt; &amp;amp;lt;shape xmlns:android=&amp;quot;http://schemas.android.com/apk/res/android&amp;quot;&amp;amp;gt;
Object-C语言详解
最新发布
AOMGyz的博客
07-22 495
Object-C，通常写作Objective-C（简称ObjC或OC），是一种扩充C的面向对象编程语言。它是在C语言的基础上添加了Smalltalk风格的消息传递和反射机制，从而具备了面向对象的特性和优势。Objective-C的流行主要得益于苹果公司的成功，尤其是iPhone和iPad等移动设备的普及，使得Objective-C成为iOS和macOS平台应用开发的首选语言。
android 圆角
08-14
回答: 在Android中，可以通过多种方式实现圆角效果。例如，可以使用自定义控件来添加圆角属性。在布局文件中，可以使用RadiusView控件，并在其内部添加LinearLayout等子视图，然后设置相应的圆角属性。另外，还可以通过自定义Drawable来实现圆角效果，通过定义一个shape文件，在其中设置corners属性，并指定圆角的半径和背景颜色。此外，还可以通过declare-styleable来配置圆角角度，并在自定义View的onDraw方法中通过裁剪Canvas来实现圆角效果。这些方法都可以根据具体需求选择和使用。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [Android知识点-圆角](https://blog.csdn.net/u010513377/article/details/122809567)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"] - *2* [Android设置圆角看着一篇文章就够了](https://blog.csdn.net/zhiyuan263287/article/details/127624728)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值