圆角图片

Android Xfermode 实战 实现圆形、圆角图片

2、原理====原理就不多说了，这张图在我博客里出现的次数大概有3次以上了，我们这次使用的模式DST_IN；也就是先绘制图片，再绘制形状了~~3、Xfermode实战============1、自定义属性首先依然是自定义属性，和上篇一致。2、构造中获取属性publicclassRoundImageViewByXfermodeextendsImageView{privatePaintmPaint;p
大厂在职_Xbg·2025-02-07 20:54

Glide自定义Transformation实现图片部分圆角

自定义Glide的Transformation实现部分圆角的文章和代码在网上有很多，原本我也是随便在网上找一份Glide加载部分圆角图片在项目中直接使用，但在使用过程居然遇到Bug，所以去查看了官方文档
koinzhang·2024-02-08 18:36

如何用ps（photoshop）把四角图片变成圆角图片？超级简单！

如何把一张四角的图片变成圆角的图片呢？估计是很多朋友比较关心的问题，今天工作原因，遇到了这个问题，终于让我找到了解决方案，其实只需3步就可以了，下面分享给需要的朋友：步骤一：用PS打开一张图片，接着用矩形选框工具，来框选整个图片，下面重点来了，选择“选择/修改/平滑”菜单。步骤二：在弹框里面输入平滑数值，数值越大四角就越圆。步骤三：然后选择“选择/反选”（快捷键ctrl+shift+i），接着按d
一亩地·2024-01-30 06:41

Glide加载圆角gif 和圆角图片的三种方法

直接上代码：看注解@SuppressLint("AppCompatCustomView")publicclassMyTestImageViewextendsImageView{privatefloatwidth;privatefloatheight;privatefloatradius;privatePaintpaint;privateMatrixmatrix;publicMyTestImageV
吧唧吧唧_8f96·2024-01-17 10:02

pyqt样式表代码

背景图片圆角图片圆角//border-radius:45px;border-image:url(:/image/img/psc.jpg);border-top-left-radius:45px;border-bottom-left-radius
故厶·2024-01-14 18:04

js canvas如何实现圆角图片头像

最近在做海报，在获取用户微信头像的时候，发现设计稿用的是圆形头像，百度找了一些，整合了自己的代码，分享给大家，供大家参考。html部分代码：海报.app{ width: 100%;max-width: 750px; height: auto; top: 0; bottom:0;position:fixed;overflow-y:scroll;overflow-x:hidden;z-index: 2
季夏梧桐·2024-01-03 02:13

【Bootstrap学习 day6】

Bootstrap5图像圆角图片通过.rounded类实现圆形通过.rounded-circle类实现缩略图通过.img-thumbnail类实现（图片有边框）对齐图像通过.float-start将图像向左浮动
Dosage de fleurs·2024-01-02 15:20

【Android】使用 Glide 给 ImageView 加载图像的简单案例

Glide还支持很多高级功能，比如动态调整图片大小、圆角图片、模糊图片等，因此被广泛应用于Android应用的开发中。操作步骤添加权限到AndroidMani
HEX9CF·2023-12-16 06:25

Glide实现圆角图片，以及圆形图片

Glide很常用，为了避免经常迁移项目导致重写工具类，记录下实现圆角图片的功能以及圆形图片的功能分为kotlin和java版本，圆角图片如下kotlin版本如下：packagecom.yyb.mvvmlibrary.widgetimportandroid.content.Contextimportandroid.content.res.Resourcesimportandroid.graphics
m0_37777069·2023-11-06 00:20

开发小记

GlideApp的使用，及拓展方法目前项目中进行头像加载的方式为：GlideApp.with(this).load(url).applyAvatarImage().into(mIvAvatar);加载圆角图片的方式为
Mr_Yangy·2023-10-12 20:47

安卓——图片加载工具（Glide封装版）

OutOfMemoryError的发生，并且支持GIF动画了解下Gilde的环境复杂度：二：模块需求1.可以正确使用Glide加载图片2.压缩裁剪图片防止图片过大oom3.可以对图片进行居中裁剪，展示圆形图片和圆角图片
魔鬼辣不够辣·2023-09-27 11:58

Flutter开发之圆角图片的实现

Image圆角的几种处理方式：1.利用Container组件的decoration属性实现child:Container(height:300.0,//容器高度width:300.0,//容器宽度decoration:BoxDecoration(//装饰线color:Colors.blue[600],//颜色border:Border.all(//边框//color:Colors.deepOran
星辰大海_王·2023-08-27 14:34

Glide加载圆角图片

第一步添加依赖项目的gradle文件里compile'com.github.bumptech.glide:glide:3.6.1'因为glide不支持直接加载RoundPictures，所有我们需要自定义RoundTransform来继承BitmapTransformation；实现transform方法来绘制圆角效果代码如下：publicclassGlideRoundTransformexten
请叫我财迷·2023-07-30 16:22

利用Glide为固定宽高的ImageView设置圆角图片

在开发项目时，列表的描述图片大多会以一种固定宽高的模式出现，有时应需求我们会将ImageView的scaleType属性设置为centerCrop，如果需要展示圆角图片，我们可以利用Glide来作实现。
chinaboyliusir·2023-07-29 17:02

Glide 设置图片圆角和 scaleType 冲突

使用gliede加载圆角图片时，imageview若设置了scaleType，会导致圆角不生效Glide.with(mContext).load(url)//同时设置圆角和centercrop.apply
积跬步DEV·2023-07-27 17:08

tvOS UIImageView

masksFocusEffectToContents在遥控器选Cell来回摇摆时，四角会出现白色方角，这在设置圆角图片时较为常见，圆角越大白色方角越明显，可以通过设置该属性为true来去除。
HCong·2023-07-26 09:45

Android面试复习-View

这种自定义控件在原生控件提供的方法外，可以添加一些自己的方法，如制作圆角图片。3.完全自定义控件。这个View上所展现的内容全部都是我们自己绘制出来的，比如制作水波纹进度条。
Margolu·2023-07-20 17:51

Glide加载圆角图片

Glide.with(mContext).load(data.getSignFilePath()).transform(newCenterCrop(mContext),newGlideRoundTransform(mContext)).diskCacheStrategy(DiskCacheStrategy.ALL).placeholder(R.drawable.shenpi_jiazai).don
Paraselenes·2023-06-15 23:02

圆角升级啦，来手把手一起实现自定义ViewGroup的各种圆角与背景

之前我们讲过圆角图片的自定义，那么和我们的自定义圆角容器又有哪些区别呢？带着这些问题，我们一步
Android小贾·2023-04-19 13:07

flutter设置圆角图片

需求:图片加圆角在网上看了许多的文章，都是使用如下代码，然而无效....Center(child:Container(decoration:BoxDecoration(borderRadius:BorderRadius.circular(10)),child:Image.network(imagePath,width:250,height:150,fit:BoxFit.cover,),),),2.
我家造地球·2023-04-16 21:18

Glide加载自定义图形形状

使用方法Glide.with(mContext).load(url)//设置圆角图片.transform(newGlideRoundTransform(mContext,10))//设置圆形图片.transform
鸡蛋掉了·2023-04-10 00:29

SwiftUI 牛刀小试

效果图代码分为三个部分:圆角图片:importSwiftUIstructCircleImage:View{varbody:someView{Image("ymy").frame(width:150.0,
ShenYj·2023-04-09 15:29

iOS 日常TIPS 收集

圆角图片生成，比较好的姿势：^UIImage*(UIImage*image){UIImage*modifiedImage;CGRectrect=CGRectMake(0,0,image.size.width
杨柳小易·2023-04-01 00:52

RecycleView Gilde加载圆形Gilde加载圆角图片闪烁

这是因为没有复写equals()hashCode()updateDiskCacheKey必需的方法请特别注意，对于任何Transformation子类，包括BitmapTransformation，你都有三个方法你必须实现它们，以使得磁盘和内存缓存正确地工作：equals()hashCode()updateDiskCacheKey如果你的Transformation没有参数，通常使用一个包含完整包
菜鸟考官·2023-03-26 06:03

Flutter开发之圆形图片，圆角图片方案

圆形图片方案方式一：CircleAvatarCircleAvatar可以实现圆角头像，也可以添加一个子Widget：constCircleAvatar({Keykey,this.child,//子Widgetthis.backgroundColor,//背景颜色this.backgroundImage,//背景图像this.foregroundColor,//前景颜色this.radius,//半
得_道·2023-03-19 17:30

微信小程序canvas绘制圆角图片真机不显示

问题：在微信小程序使用canvas绘制圆角图片时，微信调试工具正常显示，android与iOS真机都不显示。原因：因为ctx.clip()剪切区域使用的填充颜色是透明的，所以图片没出来。
飞鱼YE·2023-02-07 10:35

每日一问06——imageView的圆角优化

self.imageView.layer.cornerRadius=8.f;self.imageView.layer.masksToBounds=YES;这样设置圆角是最基本的一种方式，但当屏幕中有多个圆角图片存在会发生明显的界面卡顿现象
巫师学徒·2023-02-06 21:04

android imageview 锯齿,[置顶] android 自定义圆角ImageView以及锯齿的处理

看到很多人开发过程中要使用圆角图片时，解决方法有：1.重新绘制一张图片2.通过布局来配置3.通过重写View来实现其中1，2在这里就不讲了，重点讲讲方法三的实现。
weixin_39946274·2023-01-15 08:37

uniapp微信小程序图片裁剪插件，支持自定义尺寸、定点等比例缩放、拖动、图片翻转、剪切圆形/圆角图片、定制样式

qf-image-cropper2.0图片裁剪插件1.效果预览：2.平台支持：1.支持微信小程序（移动端、PC端、开发者工具）2.H5平台3.其他平台暂未测试兼容性未知3.支持功能：1.自定义裁剪尺寸2.定点等比例缩放：移动端以双指触摸中心点为缩放中心点，PC端以鼠标所在点为缩放中心点3.自由拖动：支持限制滑出边界，也支持回弹效果（滑动时可滑出边界，释放时回弹到边界）4.图片翻转：在裁剪尺寸非1:
Homilier·2022-12-06 22:40

Flutter 基础系列篇

文章目录1、输出HelloWorld2、文本、容器3、远程图片、本地图片、实现圆形图片，实现圆角图片4、基础列表组件、水平列表组件、图标组件5、列表、动态列表6、网格布局7、底部导航8、页面跳转、跳转传值
王睿丶·2022-05-12 08:59

Android自定义view之网易云推荐歌单界面

系列文章目录Android自定义view之网易云推荐歌单界面文章目录系列文章目录前言一、实现1.自定义一个圆角图片控件（也可直接使用第三方框架）2.进行布局摆设3.图片切换动画效果二、实现效果展示三、总结先来看看网易云
计蒙不吃鱼·2022-03-01 01:09

Android实现网易云推荐歌单界面

目录前言一、实现1.自定义一个圆角图片控件（也可直接使用第三方框架）2.进行布局摆设3.图片切换动画效果二、实现效果展示三、总结先来看看网易云APP的效果：前言关于网易云音乐推荐歌单界面的实现一、实现1
·2022-02-13 17:48

Glide原生方法加载圆形图片

先奉上Glide传送门Glide开源项目当然新版本的Glide已经给我们提供了展示圆形、圆角图片实现方法，看效果：1.png实现如
野岗狼沟兜·2022-02-13 07:12

Glide库的使用

问题1：如何用glide来加载长图，在我的另外一个文章中有，如下：Glide加载长图方法问题2：如何用glide来设置圆角图片，代码如下：RequestOptionsrequestOptions=RequestOptions.centerCropTransform
名字_都被占了·2022-02-11 12:10

flutter 图片引入 圆角图片 圆形图片

图片显示1.本地图片Image.asset加载项目资源包的图片///先将图片拷贝到项目images目录中，然后在pubspec.yaml文件配置文件相对路径到assetsImage.asset('imgsrc',width:200,height:200,)Image.file加载手机内置或外置存储的图片///加载Android平台的外置存储图片需要AndroidManifest.xml配置andr
supa同学·2022-02-05 09:45

Android实现圆角图片的方法

本文实例为大家分享了Android实现圆角图片的具体代码，供大家参考，具体内容如下效果图创建类CustomRoundAngleImageViewpublicclassCustomRoundAngleImageViewextendsAppCompatImageView
·2022-02-04 15:24

Glide加载圆角和圆形图片

二、加载圆角图片//imageview样式为andro
小迷糊_dcee·2021-12-21 14:40

js canvas实现圆角图片

本文实例为大家分享了jscanvas实现圆角图片的具体代码，供大家参考，具体内容如下圆角图片的代码实现：Titlecanvastodrawwindow.οnlοad=function(){vardrawing
·2021-09-01 13:12

iOS 防止离屏渲染绘制圆角图片方法

什么是离屏渲染离屏渲染就是在当前屏幕缓冲区以外，新开辟一个缓冲区进行操作离屏渲染触发的场景圆角（同时设置layer.masksToBounds=YES、layer.cornerRadius大于0）图层蒙版阴影，layer.shadowXXX，如果设置了layer.shadowPath就不会产生离屏渲染遮罩，layer.mask光栅化，layer.shouldRasterize=YES离屏渲染消耗性
72行代码·2021-06-21 10:42

Glide自定义Transformation实现四个不同圆角图片加载

CaseGlide4.8想要实现加载图片导四个不同的圆角。如下图1图片1实现思路在Canvas的四个图层分别绘制四个不同的圆角矩形（RoundRect），然后分别截取（clipRect）左上、右上、右下、左下四个部分，最终在Canvas上组合起来（save->restore）关键步骤详解步骤一：原图bitmap关联画笔：Paintpaint=newPaint();//source为transfro
SimpleCat·2021-06-11 00:14

Glide自定义Transformation实现带外圆环的圆形图片加载

如下图1图1之前写过《Glide自定义Transformation实现四个不同圆角图片加载》,通过多图层裁剪组合的方式，去绘制多个不同弧度圆角的图片，但在本篇中裁剪的方式并不适用，因为没有办法规避裁剪圆形
SimpleCat·2021-06-08 03:48

iOS设置圆角图片

1.实现方式简易方式：self.img1.layer.cornerRadius=self.img1.bounds.size.width/2;self.img1.layer.masksToBounds=YES;CoreGraphics剪裁方式UIGraphicsBeginImageContextWithOptions(image.size,NO,0);UIBezierPath*path=[UIBez
宙斯YY·2021-06-04 18:48

Android Glide加载圆角图片及圆形图片

加载圆角图片publicstaticvoiddisplayRoundrect(Contextcontext,ImageViewimageView,Stringurl,intcorner)throwsIllegalArgumentException
带带我·2021-05-21 08:27

Android 一个万能的圆角ImageView

前言:开发Android的都会遇到圆角图片的处理网上也有很多圆角的开源ImageView用的最多的就是Roundedimageview可以满足很多圆角需求但是我要说的是roundedimageview也有弊端比如说列表使用的时候圆角有时候渲染不出来加载动图不能圆角折叠动画圆角失效大致了解一下开源的圆角
向往天空的鸡·2021-05-18 12:10

架构

基础控件1.上传下载应用更新2.首页tab+fragment3.图片加载网络请求4.下拉刷新加载更多5.圆角图片圆形图片https://github.com/pungrue26/SelectableRoundedImageView
两手空空_6214·2021-05-06 04:52

ios中的圆角图片做法

ios中很多头像图标都要圆角的，好看用户体验好。入下图：image.png具体怎么做的呢？方式一：objc//设置头像圆角,iOS9苹果修复，支持//_iconView.layer.cornerRadius=30;//_iconView.layer.masksToBounds=YES;注意：30为图片宽高的一半，这种做法多图片的时候会卡，不建议使用。-方式二：```objc```[_iconVie
冲浪小子·2021-04-26 04:34

使用h5中canvas画圆角矩形，生成透明圆角图片，实现图片在线转圆角功能

最近在个人网站butterpig实现了图片一键转换圆角功能，该功能的实现主要用到了html5中的canvas绘图技术。首先，实现效果如下：为了实现该功能，首先我们要生成一个透明底色的空内容的canvas，然后获取到canvas的context对象，通过对象的arc()和lineTo()方法来画出一个圆角的矩形，部分代码如下：ctx.beginPath();ctx.arc(width-radius,
小王你好呀·2021-03-13 13:50

融云即时通讯sdk, 把头像设置为圆角图片在4.x和5.x的区别 -- 融云即时聊天sdk使用小技巧

融云即时通讯sdk,把头像设置为圆角图片在4.x和5.x的区别--融云即时聊天sdk使用小技巧背景:最近公司新上的app要加上即时通讯的功能,自己快速实现一个当然是不可能的了(项目deadline也顶不住哇
·2021-03-11 02:20

融云即时通讯sdk, 把头像设置为圆角图片在4.x和5.x的区别 -- 融云即时聊天sdk使用小技巧

融云即时通讯sdk,把头像设置为圆角图片在4.x和5.x的区别--融云即时聊天sdk使用小技巧背景:最近公司新上的app要加上即时通讯的功能,自己快速实现一个当然是不可能的了(项目deadline也顶不住哇
·2021-03-11 02:20

Android实现圆角图片

本文实例为大家分享了Android实现圆角图片的具体代码，供大家参考，具体内容如下效果图：快速开始activity_main.xml文件：MainActivity.class文件：publicclassMainActivityextendsAppCompatActivity
·2021-01-26 12:15
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他