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

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

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

1.1K40
您找到你想要的搜索结果了吗?
是的
没有找到

WPF 用户控件分享之边上输入框圆圈

WPF 用户控件分享之边上输入框圆圈 独立观察员 2022 年 8 月 20 日 最近有这样一个需求,有一圈圆形,每个圆形边上有个输入框,以下是完成后效果图: 拿到这个需求后,分析界面上每个圆形和输入框应该视为一个用户控件...默认是输入框在圆圈右边布局,其余 左、上、下 则是通过数据触发器 DataTrigger 来实现,数据触发器绑定 UserControl TextBoxPlacement 属性(前面我们添加那个...先来看看圆圈内文本样式,涉及两个依赖属性,一个是文字颜色属性 CircleForeground,另一个是文字大小属性 InfoFontSize(输入框也是用这个设置文字大小),具体如下: 然后是圆圈和输入框样式...,涉及圆圈边框色属性 CircleBorderBackground,圆圈背景色属性 CircleBackground,圆圈直径和输入框宽度共用属性 CircleAndTextBoxWidth,以及输入框值属性...比如,此处圆圈,是用宽高相等 Border,然后圆角 CornerRadius 设为宽高一半,直接绑定为 'Width / 2' 即可,十分方便。

1.1K10

Android 伸缩动画布局

OK,下面主要看实现步骤,你随便新建一个Activity就可以了,然后把需要一些样式准备好, ? ?...由于白色我放上去你也看不见,所以你就用黑色先顶着,然后就是背景样式 shape_search_bg.xml <?xml version="1.0" encoding="utf-8"?...AutoTransition来完成,在点击搜索图标的时候,显示输入框关闭按钮,然后通过LinearLayout.LayoutParams来设置展开布局宽度,因为我是横向,所以我获取屏幕宽度为px,...再转换成dp,然后减去40其实是左右20边距,同时在展开时候增加了左右内边距,最后放入到beginDelayedTransition方法中,进行实例化,再设置动画时间,最后交给TransitionManager...进行处理就达到了以上效果,至于关闭业务就是和展开是相反业务处理,并且多了输入法关闭和输入框清空。

1.7K60

Android项目实战(九):CustomShapeImageView 自定义形状ImageView

一个两年前出来第三方类库,具有不限于圆形ImageView多种形状ImageView,项目开发必备 github下载地址:https://github.com/MostafaGazar/CustomShapeImageView...SVG可以算是目前最最火热图片文件格式,这里作者已经给我们写好了几个特殊图形  如果想要自定义更多形状的话,可以学习下SVG  1、shape_5.svg 五边形 ?...3、接下来就是使用了 如果我们使用raw文件夹下svg写形状作为ImageView形状 则:这里一个app:svg_raw_resource="@raw/shape_star_3" 这里就是指定图片形状为...res/raw文件夹下哪一个 1 <com.meg7.widget.SvgImageView 2 android:layout_width="50dp" 3 android:layout_height...4 android:src="@drawable/hydrangeas" 5 android:scaleType="centerCrop" /> 以上便是主要需要部分了。

70670

Android实现描边圆角图片

利用学过BitmapShader渲染类,我们来实现一个描边圆角图片。 具体实现: 用来显示自定义绘图类布局文件 res/layout/main.xml: <?...<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com.../frameLayout1" android:orientation="vertical" </FrameLayout 打开MainActivity,在文件中创建名为MyView内部类...,然后定义一张背景,然后定义一个要绘制圆角矩形区域,并将画布在X轴上平移40像素,在Y轴上平移20像素,再绘制一个黑色2像素圆角矩形,作为图片边,最后绘制一个使用BitmapShader渲染圆角矩形图片...以上就是本文全部内容,希望对大家学习有所帮助。

2.2K10

在Word中插入一个可以勾选和取消方框

这种通过点击方框,自动打上对勾效果如何实现呢?下面介绍一种方法。 操作步骤如下: (1)在Word中开发工具菜单栏,选择勾号复选框,插入到word中。...此时复选框既可以勾选,也可以取消勾选,但是勾选后是叉号(×),不是我们要勾号(√)。 (2)选中复选框,点击属性,弹出Content Control Properties对话框。...这样,点击复选框后,就是我们想要勾号。 延伸阅读: 如果不使用控件箱中勾号复选框,如何在Word中插入一个勾号方框呢?下面介绍两种方法。...(2) 字母R转为勾号 把光标定位于需要插入勾选框位置,输入大写字母R。选中字母R,鼠标右键,在菜单栏中选择需要字体Wingdings 2。点击确定,这时,R就变成了我们需要打钩样式了。...(□)中打钩(√)5种方法(https://zhuanlan.zhihu.com/p/94069754)

2.3K40

Android 实现字母索引侧边栏功能

这两天需要重新拿来使用,发现效果虽然做出来了,不过思路不太对,就重新参考写了一个,用法也更为简单了 首要自然是需要继承View绘制出侧边栏,并向外提供一个监听字母索引变化方法 /** * 作者:叶应是叶...context.getResources().getDisplayMetrics().density; return (int) (dpValue * scale + 0.5f); } } 在侧边栏时,中间会显示当前滑动指向字母...,这其实是一个TextView,在主布局文件中添加,通过IndexControl来控制TextView可见性,并指示ListView滑动到指定项 /** * 作者:叶应是叶 * 时间:2017/8/20...onCancel() { tv_hint.setVisibility(View.INVISIBLE); } } } 这里也提供代码下载:LetterIndexView 总结 以上所述是小编给大家介绍Android...实现字母索引侧边栏功能,希望对大家有所帮助,如果大家有任何疑问,欢迎给我留言,小编会及时回复大家

2.5K41

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

这里要注意width/height与viewportWidth/viewportHeight两组宽高区别,前者指的是矢量图形被外部世界观察到尺寸大小,故而采用了dp单位绝对数值;而后者指的是矢量图形为内部几何路径所参照空间范围...,故而采用了不带单位相对数值,正因为矢量图形中几何路径以相对坐标来标记,所以不管矢量图形缩放到多少比例,其内部几何形状也会按同样比例缩放。...路径类属性 这类属性主要指path标签android:pathData,通过设置几何路径起始状态与终止状态,可实现两个几何形状之间渐变效果,如一个圆圈从小变大,又如一条曲线变成直线等等。...下面是个支付宝支付成功动画截图: ? 支付成功动画包含两个形状,首先在外面画个圆圈,然后在圆圈里面画个打勾符号。...因为圆圈和打勾并不相连,如果按照一般处理,就会一边画圆圈一边画打勾,这不是我们所希望画完圆圈再画打勾效果。

1.9K20

Android应用图标微技巧,8.0系统中应用图标的适配

相反,Android系统在设计时候就不喜欢苹果这样封闭与强制,而是选择了自由与开放,对应用图标的形状不做任何强制要求,开发者们可以自由进行选择: ?...需要注意是,背景层在设计时候只允许定义颜色和纹理,但是不能定义形状。 那么应用图标的形状由谁来定义呢?Google将这个权利就交给手机厂商了。不是有些手机厂商喜欢学习苹果圆角图标吗?...这是Google Pixel手机上截图,操作系统是Android 8.0。可以看到,这两个应用图标都非常奇怪,本来设计都是一个圆角矩形图标,但是却又在外面套上了一个白色圆圈。...在预览区域中给出了可能生成图标形状,包括圆形、圆角矩形、方形等等。...注意每个预览图标中都有一个圆圈,这个圆圈叫作安全区域,必须要保证图标的前景层完全处于安全区域当中才行,否则可能会出现图标被手机厂商mask裁剪掉情况。

1.7K20

Android基于JsBridge封装高效加载进度WebView

概述 从去年4月项目就一直用起了JsBridge,前面也针对jsBridge使用姿势介绍过一篇入门篇,《Android JsBridge实战 打造专属你Hybrid APP》,本篇接着继续深入,通过再次优化封装...onPageFinish onReceiveError onReceivedHttpAuthRequest shouldOverrideUrlLoading 本次加载失败页面,和拦截加入header头必须用到它,由于Android...var2, CallBackFunction var3); 好了 关键东西已经介绍完,如果对jsBridge可以看看去年我写一篇对他介绍:Android JsBridge实战 打造专属你Hybrid...return "file:///android_asset/error.html"; } @Override public Map<String...可以加入header return null; } }); 加载指定Url mProgressBarWebView.loadUrl("file:///android_asset

1.5K30
领券