`

布局文件绘制圆角矩形 背景图片

 
阅读更多

 

<?xml version="1.0" encoding="utf-8"?>
<shape
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:shape="rectangle"
  ><!-- android:shape="" 表示是圆角矩形还是椭圆等等 -->
  	<solid android:color="#ffffff"/> <!-- 背景颜色 -->
  	
  	<!-- padding 表示内部空间距离背景图片内部边距 的距离 -->
	 <padding android:left="5dp" android:top="2dp" 
            android:right="5dp" android:bottom="2dp" />
            
     <stroke android:width="0.5dp" android:color="#D9D9D9"/> <!-- 图片边框属性 -->
      <corners android:radius="5dp" /> <!-- 圆角的程度 -->
    <gradient android:startColor="#E3E3E3" android:centerColor="#ffffff" 
        android:endColor="#ffffff" android:type="linear" android:angle="90" 
        android:centerX="0.5" android:centerY="0.5" />   
</shape>

 
<?xml version="1.0" encoding="utf-8"?>
<shape
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:shape="rectangle"
  ><!-- android:shape="" 表示是圆角矩形还是椭圆等等 -->
  	<solid android:color="#ffffff"/> <!-- 背景颜色 -->
  	
  	<!-- padding 表示内部空间距离背景图片内部边距 的距离 -->
	 <padding android:left="5dp" android:top="2dp" 
            android:right="5dp" android:bottom="2dp" />
            
     <stroke android:width="1.0dp" android:color="#C6E2FF"/> <!-- 图片边框属性 -->
      <corners android:radius="5dp" /> <!-- 圆角的程度 -->
    <gradient android:startColor="#C2C2C2" android:centerColor="#ffffff" 
        android:endColor="#ffffff" android:type="linear" android:angle="90" 
        android:centerX="0.5" android:centerY="0.5" />   
</shape>

 

<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true" android:drawable="@drawable/round_rectangle_bg_pressed" /> <!-- pressed -->
<item android:state_focused="true" android:drawable="@drawable/round_rectangle_bg_pressed" /> <!-- focused -->
<item android:state_selected="true" android:drawable="@drawable/round_rectangle_bg_pressed" /> <!-- selected -->
<item android:drawable="@drawable/round_rectangle_bg" /> <!-- default bg_list_item_normal -->
</selector>

 

把它当做图片上使用就好了

 

 

 

 

 

 

 

 

 

 

分享到:
评论

相关推荐

    android 使用canvas把矩形图片变成圆角矩形显示

    然后在`onDraw()`方法中,我们创建了一个新的Bitmap,用于绘制圆角矩形。注意,我们需要在`getBitmap()`方法中获取图片资源,并在`getImageResourceId()`中返回对应的资源ID。 在实际项目中,`Project_Canvas`可能...

    Android-RoundRectLayout圆角矩形的绘制方案解决任意圆角和圆形图片

    `RoundRectLayout`是Android开发中一个实用的自定义布局,它解决了在界面中绘制圆角矩形和圆形图片的需求。通过理解其工作原理和使用方法,开发者可以更好地实现个性化和高质量的用户界面。在实际项目中,结合性能...

    绘制圆角矩形的有关代码

    在VB(Visual Basic)编程环境中,绘制圆角矩形是一项常见的任务,特别是在用户界面设计或者图形用户界面(GUI)开发中。本知识点将详细介绍如何在VB中实现这一功能,以及涉及的相关组件和函数。 首先,VB中的图形...

    android圆角矩形进度条

    首先,创建一个`RectF`对象来定义进度条的边界,然后通过`canvas.drawRoundRect()`方法绘制圆角矩形。圆角可以通过设置`RectF`的左上角和右下角的圆角半径来控制。 3. **进度条颜色**: 我们可以通过设置`paint....

    Android 图片,圆角矩形或圆形显示

    7. 绘制:使用Canvas对象的drawBitmap()方法,传入调整后的Bitmap、Paint和目标位置,绘制出圆角矩形图片。 对于更复杂的圆形图片,我们可以省略设置RectF的步骤,直接将Bitmap的宽度和高度设置为相同,这样...

    带箭头的圆角矩形菜单

    我们可以在ViewGroup的onDraw()方法中绘制圆角矩形背景,或者为菜单项设置带有圆角的背景资源。 标签中的“菜单”在Android中通常指的是Menu类,它用于在ACTION_BAR、弹出窗口或者对话框中显示选项。自定义的圆角...

    一个简单的圆角矩形算法demo

    同时,`GDIPlusRoundedRect.exe`是一个可执行文件,它包含了这个算法的实际运行示例,运行该程序可以在屏幕上看到绘制出的圆角矩形。 通过理解这个简单的圆角矩形算法,开发者可以进一步扩展和优化,例如调整圆角的...

    android实现圆角矩形背景的方法

    这个类的核心在于利用`RoundRectShape`对象来创建和绘制圆角矩形。以下是对`RoundRectDradable`类的关键部分进行的解析: 1. 初始化: 在构造函数中,我们设置了默认的颜色(白色)和抗锯齿属性,并创建了一个`...

    swing圆角矩形按钮

    // 绘制圆角矩形 g.drawRoundRect(x, y, width - 1, height - 1, 5, 5); } } ``` 在这个类中,我们实现了`Border`接口的三个方法: - `getBorderInsets`: 返回一个表示边框宽度的`Insets`对象。 - `...

    Android-MultiShapeView支持圆角矩形圆形自定义View

    "Android-MultiShapeView支持圆角矩形圆形自定义View"是一个专为Android平台设计的库,它提供了一个可定制的视图组件,能够轻松创建具有圆角矩形或圆形外观的视图。这个库的主要目标是帮助开发者简化UI设计过程,使...

    Android-FlycoRoundView-一个扩展原生控件支持圆角矩形框背景的库可以减少相关shape资源文件使用

    FlycoRoundView 是一个专门扩展原生Android控件的库,它的主要功能是为控件添加圆角矩形背景,从而减少对shape资源文件的依赖。通过使用这个库,开发者可以直接在代码中设置圆角大小,无需为每个有圆角需求的视图...

    CSS3绘制圆角矩形的简单示例

    CSS3绘制圆角矩形是前端开发中一个非常实用的技术点,它能为网页界面带来更为美观的视觉效果。在了解如何使用CSS3绘制圆角矩形之前,需要先了解一些基础知识点。 首先,CSS3是一个增强版的样式表语言,用于控制网页...

    圆形变圆角矩形的微交互

    在这个例子中,我们会先绘制一个圆形,然后随着时间的推移逐渐变为圆角矩形。 3. **属性设置**:为了实现形状的转变,我们需要一些可调节的属性,如圆角半径、变换速度等。这些可以通过 attrs.xml 文件定义,然后在...

    curvycorners js+css 圆角矩形, 没有使用图片.

    这些例子通常涵盖了各种用法,从基本的圆角矩形到更复杂的布局和交互,有助于开发者快速上手。 `doc`目录则可能包含了文档资料,如API参考、用户指南或者开发者笔记,这些都是理解和使用这个库的重要资源。开发者...

    Android编程实现带渐变效果的圆角矩形示例

    我们首先保存当前的Canvas状态,然后将Canvas平移一定距离,接着设置GradientDrawable的渐变模式和圆角半径,最后使用draw方法来绘制圆角矩形。 六、结论 本文详细介绍了如何使用Android编程实现带渐变效果的圆角...

    Android仿微信UI布局视图(圆角布局的实现)

    总结,创建Android仿微信UI的圆角布局主要涉及自定义ViewGroup、重写onDraw()方法、背景处理、子视图裁剪、边框绘制、尺寸适应以及性能优化等步骤。通过深入理解和实践,开发者可以创建出与微信界面类似的高质量用户...

    自定义圆角布局

    2. **处理背景:** 如果需要为圆角布局添加背景色或图片,可以在`onDraw()`方法中先绘制背景,再绘制圆角矩形。可以使用Paint的`setColor()`或`setShader()`方法设置背景。 3. **裁剪圆角:** 如果子视图也需要遵循...

    圆角矩形进度条效果

    该源码是一个圆角矩形进度条效果案例,源码Android-RoundCornerProgressBar,圆角矩形进度条,包含带图标和不带图标两种形式,主要是在布局文件中添加roundcornerprogressbar控件就差不多实现了。

    微信小程序canvas画布绘制矩形、椭(圆)、直线、文字

    首先,我们需要在小程序的页面JSON配置文件中引入Canvas组件,并在对应的WXML文件中进行布局。例如: ```json { "component": true, "usingComponents": { "canvas": "@ wxcc/canvas" } } ``` ```html ; ...

    Glide加载圆形图片和自定义圆角图片

    //绘制圆角矩形 Path path = new Path(); path.addRoundRect(rect, radius, radius, Path.Direction.CW); canvas.clipPath(path); canvas.drawBitmap(source, 0, 0, paint); return result; } @Override ...

Global site tag (gtag.js) - Google Analytics