首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在android drawable xml中画出最后一个圆圈外面的正方形?

在Android的drawable xml中,可以使用layer-list来实现在最后一个圆圈外面画出正方形的效果。下面是一个示例的drawable xml代码:

代码语言:txt
复制
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 正方形背景 -->
    <item>
        <shape android:shape="rectangle">
            <solid android:color="#FF0000" /> <!-- 正方形的背景颜色 -->
        </shape>
    </item>
    <!-- 圆圈 -->
    <item>
        <shape android:shape="oval">
            <solid android:color="#00FF00" /> <!-- 圆圈的颜色 -->
        </shape>
    </item>
</layer-list>

在这个示例中,我们使用了layer-list来定义两个图层。第一个图层是一个正方形背景,使用shape元素的rectangle属性来定义。你可以通过修改solid元素的color属性来改变正方形的背景颜色。

第二个图层是一个圆圈,使用shape元素的oval属性来定义。同样地,你可以通过修改solid元素的color属性来改变圆圈的颜色。

在实际使用时,你可以将这个drawable xml文件作为背景应用到任何支持drawable的视图上,例如ImageView、Button等。

腾讯云相关产品和产品介绍链接地址:

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

自定义圆形控件RoundImageView并认识一下attr.xml

讲之前解释一下attr.xml的作用,我用土话废话说,这样容易理解:比如我自定义一个控件,怎么实现呢,以RoundImageView为例,首先是继承ImageView,然后实现其构造函数,在构造函数,...比如颜色和宽度,这个在attr.xml定义了相关的名字,而在使用RoundImageView的xml布局文件,我们会为其设置值,这里需要用的值,就是从那里设置的),并设置在本控件,然后继承onDraw...方法,画出自己想要的图形或者形状即可。...比如颜色和宽度,这个在attr.xml定义了相关的名字,而在使用RoundImageView的xml布局文件,我们会设置其值,这里需要用的值,就是从那里设置的),并设置在本控件,然后继承onDraw...= defaultColor) {// 这里的是如果圆边框不为空且颜色值不是默认值,就画一个圆的边框 radius = (defaultWidth < defaultHeight ?

1.2K80

Android开发笔记(一百三十二)矢量图形与矢量动画

具体到实现上,则需开发者提供一个xml格式的矢量图形定义,然后系统根据矢量定义自动计算该图形的绘制区域。...android:translateY:指定分组对象在纵轴上的平移距离。 路径标签path 最后是path标签,它定义了一个路径的几何描述,既可以表示一根曲线,也可以表示一块平面区域。...好了,每行定义一个动作,每行的第一个字符表示动作的类型,后面的数字表示动作经过的坐标点。这便是SVG标记的大概格式,万变不离其宗,掌握了规律学得更好更快。...Android提供了AnimatedVectorDrawable这么一个矢量动画类,但开发者还得通过属性动画及其xml标签方可实现动画定义。...="hook" android:animation="@anim/anim_pay" /> 圆圈动画播放完毕,接着播放打勾动画,这要在代码控制

2K20
  • MPAndroidChart 之实现底部显示的自定义MarkerView

    ="false" android:background="@drawable/ic_marker_bottom_san" android:textAppearance="...drawable画的,没成功,劳烦善良的美工切了一个。...linechart8.png 最后找到了下面两个方法,踏实了 ? linechart9.png 最后 ?...于是想了一下,我点击折线图空白处的时候也是能够判断我点的最近的高亮点的,来显示高亮线(当然具体里面怎么实现判断的,我不深究了,已经够条件实现我要的需求了),我要显示最后一个数据点,也就是当天数据,那我把折线图...忘提了,之后看到它还可以设置每个圆圈圈的颜色,后面一想其实marker的圆圈圈也可以通过选择高亮后的回调监听动态重新给他们赋值不一样的颜色,来实现。

    3.8K10

    android使用ViewPager组件实现app引导查看页面

    实现步骤: 1.在左右滑动页面的界面,通常在屏幕下方都会有一个小圆点,我们需要给这些小圆点的实现准备一些东西。...在drawable目录下创建两个xml文件,一个画出未选中的圆点,一个画出选中后的圆点。 2.准备若干张图片,他们将用于引导界面上显示的部分。...2.活动类的xml包含一个ViewPager ,一个LinerLayout布局实现圆点,一个用于引导页面最后一页进入到app的button) 1.绘制圆点: 选中状态的圆点: <?...2.活动类的xml包含一个ViewPager ,一个LinerLayout布局实现圆点,一个用于引导页面最后一页进入到app的button 活动类的xml: <?...布局,注意这里添加的是未点击的xml圆点 iv.setImageResource(R.drawable.point_normal); guidePage_point.addView(iv);//将图片导入到布局

    90210

    学习|Android两个PhotoView对比及Glide的扩展使用

    本文长度为3874字,预计阅读10分钟 PhotoView 简介 PhotoView是在Android一个比较常用的图片预览的开源库,在搜索也发现了两个不同的PhotoView,分别是com.github.chrisbanes...:PhotoView:2.3.0和com.bm.photoview:library:1.4.1,从使用对比的效果来说,个人更倾向于com.bm.photoview,这个除了有上面的那个的功能,还可以加入图像的旋转...我们在加载图像存放在PhotoView中用到了Glide这个开源库,在《学习|Android播放网络视频综合运用》也简单介绍了一下,正好这篇我们再加上一个glide-transformations的组件...,这个是在Glide的基础可以对图像进行一次处理,:模糊处理、灰度处理、圆角处理等。...bulid.gradle android { //在android中加入下面的allprojects allprojects { repositories {

    3.2K20

    Android短视频系统开发技巧:给Button的点击上色

    本篇文章就简单地描述一下短视频系统开发,如何动态改变Button状态切换时的背景。 短视频系统开发的UI设计,默认情况下,系统会为Button的点击实现一个默认的背景切换。..." /> 用户在点击Button的时候,会有一个蓝色框显示出来,表明Button被点击了。...如图所示: 但是,如果想为短视频系统开发Button添加自定义的图片背景,android:background="@drawable/upload" 那么,当你点击Button的时候会发现,...="-90"/> 然后,依然定义一个 button_selector.xml文件,只不过该selector的android:drawable所指的内容,由图片改为shape文件。...android:background="@drawable/button_selector"/> 效果如图: 这篇文章就写到这儿了,本文主要描述了如何在短视频系统开发时,为Button的点击动态改变背景

    1.2K10

    Android 基本常识

    sp:android 开发通常表示字体大小。...补充:屏幕尺寸也就是手机大小,苹果iPhone6 Plus 配备5.5 英寸屏幕. 当然dp和px也是有换算关系的: 如下图,注:此图是之前查看别人的博客时截取的,已忘记出处,还望见谅。 ?...刚开始用eclipse开发anroid的时候只有Drawable文件和Drawable-dip文件, Drawable文件是用来存放.xml文件的如:背景选择器 ,<Shape...android手机先根据当前分辨率选择最近的一个文件夹读取,比如你可以把1080P放在hdpi,那么高分辨率手机先读hdpi这里面的,没有就找mdpi,依次类推。...最后会去drawable文件夹找,但是图片不推荐放到drawable文件夹,否则很容易出现out of memory的错误。建议一一对应。 小伙伴们明白了吗?

    68340

    Android实现多个连续带数字圆圈效果

    有项目需求需要绘制多个圆圈,并且使用连续的数字对其排列起来,也就是好多排的圆圈。 首先看一下效果图: 一排设置为8个,一共有53个的: ? 一排设值为5个的,一共有153个: ?...可以根据总的个数和每排个数自动调节圆圈的大小,并且根据传入的监听事件作出不同的点击效果。 思路很简单,首先需要画一个圆出来: <?...xml version="1.0" encoding="UTF-8"?...="10dp" android:height="10dp" / </shape 然后创建TextView,设置TextView的背景为这个drawable即可。...可以根据屏幕的总宽度和每排需要放置的圆个数,计算出每一个圆的合适大小,然后设置每个圆之间的margin为这个圆的十分之一,所以这个圆的最后大小应该为平均值的十分之八。

    1.1K40

    Android Jetpack系列——DataBinding 最佳实践

    注解值可以是已有的 xml 属性,例如 android:src、android:text等,也可以自定义属性然后在 xml 中使用。 列官方示列当中,就介绍了个 「setPadding」 的例子。...View 方法名可以随意 最后一个 booblean 类型是可选参数。...通过创建一个自定义属性来关联一个已有的方法。 该注解属于一个容器. 内部参数是一个@BindingMethod数组, 只能用于修饰类(任意类都可以, 类可以为空)....@BindingConversion 属性值自动进行类型转换 列,我们用的 android:background 属性是 Drawable 的,但是需要指定一个颜色值,而这个值是整数的。...最后 相信,通过上面的内容。已经能体会到了DataBinding的便捷之处。接下来,我们在讲讲双向绑定。如有任何问题,欢迎给我留言,我们一起讨论。

    1.9K40

    Android实现人脸识别动画效果

    咱们绘制的两个图片如下 image.png image.png 我们要做的就是通过计算将Bitmap缩放成与之前遮罩效果的圆圈一样大,因为我们这里用的两张图片是一样大的,因此我们只需要计算出内圆圈图片与遮罩圆圈的缩放比例即可...:控件宽度 / 3 ,而蓝线部分可以通过PhotoShop等工具测量,然后根据与红线部分的比例求出,代码如下,其中mInnerCircleBitmap是内圆,mOutCircleBitmap是圆 /*...,从文章开头的效果我们可以看出两个圆圈的旋转方向是不一样的,因此我们逻辑上也要注意一个是顺时针旋转另一个是逆时针旋转,代码如下 private float mDegress = 0;//旋转角度 private...canvas.drawText("请把脸移入圈内",getWidth() / 2, (float) (getWidth() * 1.2),mTextPaint); 最终效果如下 image.png 案例源码 以上实现步骤的源码我都是拆分开讲的...欢迎关注我,分享Android干货,交流Android技术。 对文章有何见解,或者有何技术问题,欢迎在评论区一起留言讨论!

    96740

    Android5.0多种水波纹效果的实现代码

    水波纹效果已经不是什么稀罕的东西了,用过5.0新控件的小伙伴都知道这个效果,可是如果使用一个TextView或者Button或者其它普通控件的话,你是否知道如何给它设置水波纹效果呢?.../ 所谓的无界并非完全无界,而是以控件宽高中最大的数值作为水波纹效果所在正方形的边界进行绘制。OK,这两种都是系统自带的水波纹效果,如果我们想要自定义又该怎么做呢?...2.自定义水波纹实现方式无界水波纹 自定义这个效果其实也很简单,需要在drawable文件夹定义ripple节点,再设置上颜色就可以了: <?...ripple节点中定义item,item的id要为系统id mask,然后还要定义drawabledrawable的颜色并没有什么卵用,水波纹的颜色是由ripple节点中的颜色来控制的,看看显示效果...自绘形状的水波纹 自绘shape,来看一个圆角矩形: <?xml version="1.0" encoding="utf-8"?

    1.5K20

    Android ImageView分析并展开

    我们在xml文件里设置ImageView的时候,假设指定了固定的宽高,那么onMeasur()方法測量的大小就是固定的宽高大小;假设是包裹内容,那么就须要进一步的计算。...目的就是为了确定Drawable。 假设设置了drawableResource。那么Drawable就是其值;假设没有。那么就从ContentResolver获取一个Drawable。...或者也能够在xml文件里设置。 可是这样直接使用会有一个隐形的弊端,假设显示的图片过多或者单张显示的图片像素过大,就easy出现OOM问题。...先画两个圆形图案,一个是实心的圆。一个是圆环。圆环半径小于实心圆半径。这样默认就看不到圆环,然后再画出设置的图片,覆盖在二者之上。...最后在按下的时候启动一个属性动画,将圆环放大显示,关于具体的分析能够看android-circlebutton介绍 这篇文章。 版权声明:本文博客原创文章,博客,未经同意,不得转载。

    42330

    求知 | Android资源加载的那些事-小试牛刀

    引言 聊到到 Android 的 资源加载 ,每一个开发同学都会非常熟悉,毕竟 getText() 等, 我们实在用了太多。 那如果此时问你,你知道 它们到底是怎么被加载的,内部会有什么处理吗?...Resource,在 Android ,指的是我们开发中使用到的资源,例如 drawable、String、anim、color 等。...然后根据要加载的 drawable 文件后缀 决定是 colorDrawable 还是 BitMapDrawable ,或者是其他类型的Drawable最后将加载完成的 Drawable 的 状态与配置参数...---- 接着上面的末梢,我们最后再去看一下 loadComplexColorForCookie() ,也即一个全新的color到底是如何从xml拿到: [链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传...关于我 我是 Petterp ,一个 Android工程师 ,如果本文对你有所帮助,欢迎点赞支持,你的支持是我持续创作的最大鼓励!

    59150
    领券