开发过程中我们经常会用到圆形的图片,作为头像、Item图标等等。笔者今天分享出自己常用的实现方式 —— 继承ImageView重写onDraw方法,手动裁剪。...效果图 .png 核心代码: 核心思路其实就是对Bitmap的操作,先将图片裁剪成正方形,再将正方形图片裁剪成圆形 //将原始图像裁剪成正方形 private Bitmap dealRawBitmap...leftTopX,leftTopY,minWidth,minWidth,null,false); return scaleBitmap(newBitmap); } //将图片裁剪成圆形图片
圆形头像:CircleImageView的使用 ** 注:在build.gradle中添加: implementation 'de.hdodenhof:circleimageview:1.3.0' XML...> <AbsoluteLayout android:id="@+id/root" xmlns:android="http://schemas.android.com/apk/res/android...imageview" android:layout_x="150dp" android:layout_y="75dp" android:layout_width...="wrap_content" android:layout_x="20dp" android:layout_y="225dp" android:text...android:hint="密码/验证码" android:layout_width="wrap_content" android:width="275dp
; import android.content.SharedPreferences; import android.os.Bundle; import android.view.View; import...android.view.View.OnClickListener; import android.widget.EditText; import android.widget.ImageView;...sp.edit().clear().commit(); Toast.makeText(this, "清除历史记录", Toast.LENGTH_LONG).show(); } } 用于将控件 设置为圆形...; import android.graphics.Color; import android.graphics.Paint; import android.graphics.PaintFlagsDrawFilter...; import android.util.AttributeSet; import android.view.Gravity; import android.view.LayoutInflater;
圆形进度条.jpg 先在attrs.xml中自定义属性 android...:textSize" format="dimension" /> android:textColor" format="color"/> </declare-styleable
简要教程 ---- 这是一款基于SVG的超酷圆形导航菜单特效。该导航菜单通过SVG进行布局,然后通过js和CSS代码来在鼠标hover菜单时,制作菜单项的动画效果。... HTML结构 ---- 导航菜单的HTML
在进行App开发过程中不免会需要自定义一些View,比如我们之前说的iOS平台下的具有任务刻度的View ,今天我们来看看android中怎么实现一个圆形的进行view吧,大致效果如下: ?...此时设置的进度为0.3 <com.example.androidgo.CirCleView android:background="@color/RGB_E6E9ED"...android:layout_width="200dp" app:mBackCircleColor="@color/colorAccent" app:mBackCircleWidth...mTitleTextColor="@color/colorPrimaryDark" app:mTitleTextSize="20sp" app:mTitle="当前进度" android
android中包含多种菜单,本例带来的是选项菜单和上下文菜单。 1.选项菜单 在android中,开发者可以在xml文档中部署所要添加的菜单,在后台调用即可。...1 android="http://schemas.android.com/apk/res/android" > 2 3 <item 4 android...在xml中定义菜单式通过在中定义的。即为菜单项。android最多可以有六个菜单,超出之后android系统会自动将超出的菜单放在更多的菜单项。...mOptionsMenu.add(1, 1, 1, "添加");第一个参数:菜单项的分组id;第二个参数:菜单项的id;第三个参数:菜单显示顺序的id,android会根据id进行从左到右,从上到下的排序...;第四个参数:菜单项的标题 2.子菜单和上下文菜单 在android中,子菜单和菜单是同一级的,可以通过submenu.add添加子菜单。
Android自定义控件之-圆形进度条 先上图: 填充的 环形的 贴代码不废话: ** CircleProgressBar.java ** package com.xiaolei.xiaoui; import...android.content.Context; import android.content.res.TypedArray; import android.graphics.Canvas; import...android.graphics.Color; import android.graphics.Paint; import android.graphics.RectF; import android.util.AttributeSet...; import android.view.View; /** * Created by xiaolei on 2017/3/23. */ public class CircleProgressBar...:id="@+id/circleProgressBar" android:layout_width="300dp" android:layout_height="300dp
简介: SubMenu:代表一个子菜单,包含1~N个MenuItem 实现效果: 具体实现方法: 主活动 MainActivity: public class MainActivity extends...AppCompatActivity { //定义 “字体大小” 菜单项的标识 final int FONT_10 = 0x111; final int FONT_12 = 0x112...final int FONT_14 = 0x113; final int FONT_16 = 0x114; final int FONT_18 = 0x115; //定义“普通菜单项...); //设置菜单头的图标 fontMenu.setHeaderIcon(R.drawable.seek03); //设置菜单头的标题 fontMenu.setHeaderTitle...menu.add(0, PLAIN_ITEM, 0, "普通菜单选项"); //向Menu中添加"字体颜色"的子菜单 SubMenu colorMenu
在Android开发,图片是很常用的,用户头像基本上都是圆形的,我们可以自己写画布类,将其变为圆形的,但是比较麻烦获取bitmap体验也不好,在这里使用开源框架roundedimageview。...'com.makeramen:roundedimageview:2.3.0' 2.在布局中: <com.makeramen.roundedimageview.RoundedImageView android...:id="@+id/xquserimage" app:riv_oval="true" android:layout_gravity="center" android:layout_width...="50dp" android:layout_height="50dp" android:src="@drawable/weidenglu"/> 3.其余使用与imageview类似。
圆形转盘的实现思想 圆形转盘的运用场景常见的有:抽奖转盘、圆形菜单列表、热点客户端环状列表等等。对于圆形转盘的编码实现,主要难点除了手势的触摸控制之外,就在于旋转角度的计算了。...= null) { //这里要设置子控件的位置,另外子控件的位置为相对位置不是绝对位置 mImageView.layout(0, 0, 500, 500); } 圆形转盘的知识准备 Math...arcTo : 定义弧线 addRect : 添加矩形路径 addOval : 添加椭圆路径 addCircle : 添加圆形路径 addArc : 添加弧形路径 addRoundRect :...android.os.Build; import android.util.AttributeSet; import android.util.Log; import android.view.View...点击下载本文用到的圆形转盘的工程代码 点此查看Android开发笔记的完整目录
Android Picasso实现圆形图片和圆角图片 1.实现圆形图片 1.1代码调用如下 Picasso.with(mContext).load(headpic).memoryPolicy(MemoryPolicy.NO_CACHE...可以修改圆形图片的半径) import android.content.Context; import android.graphics.Bitmap; import android.graphics.BitmapShader...; import android.graphics.Bitmap; import android.graphics.Canvas; import android.graphics.Paint; import...android.graphics.PorterDuff; import android.graphics.PorterDuffXfermode; import android.graphics.Rect...Glide实现圆形图片和圆角图片 敬请期待…
简介: 有时,程序需要单击某个个菜单来实现启动ing其他的activity(或者service) 这时就要通过 setIntent()方法将其与Intent关联在一起 实现效果: 具体实现方法: public...当用户点击按钮键时 触发该方法 @Override public boolean onCreateOptionsMenu(Menu menu) { //向 Menu 中添加子菜单...(R.drawable.seek02); //设置菜单头标题 prog.setHeaderTitle("选择宁乡要启动的程序"); //添加菜单项...MenuItem menuItem = prog.add("watch csti"); //为菜单设置关联activity menuItem.setIntent(new...this, FullscreenActivity.class)); return super.onCreateOptionsMenu(menu); } } 这里 我新的活动采用了Android
在这个教程里我们将向大家展示如何使用css transforms来创建一个漂亮的圆形菜单。我们将一步步的带你创建样式表,然后解释一些使用到的数学计算公式和简单逻辑,以便使你有一个很清晰的思路。 ?...HTML结构: 我们要创建的是一个菜单,让我们先从正常的菜单结构开始。我们需要一个包含无序列表的div,一个触发打开关闭动作的按钮。在第一种效果中,当菜单打开时我们还需要一个遮罩层来遮住页面!...所以扇形的分布如上图所示,我们的demo中有6个li,那么每个li的角度为: 180deg / 6 = 30deg 如果你想做一个完整的圆形,那么角度值为: 360deg / 6 = 60deg 以此类推...现在开始写菜单样式。菜单应该是固定在页面底部的,在页面初始化时是最小化的,当点击了按钮后才开始放大并展开。...我们将给按钮添加点击事件,点击按钮将使菜单打开或关闭。 当菜单打开时,点击菜单外的任何地方,菜单也将关闭。
https://blog.csdn.net/gdutxiaoxu/article/details/79658621 Android 圆形头像的两种实现方式 前言 这篇博客只是为了做一个记录而已,...圆形头像,我们可以看成是 在原图上面绘制一个圆,再取交集。 从代码的角度来讲,先绘制 Dst,再绘制 Src,显示的区域是二者交集,由此可知 SrcIn 符合我们的要求。...() / 2, paint); } return bitmap; } 以上代码来自鸿洋大神的博客 Android...mMatrix); // 设置shader mBitmapPaint.setShader(mBitmapShader); } 以上代码来自鸿洋大神的 Android...BitmapShader 实战 实现圆形、圆角图片 ---- 参考博客: Android Xfermode 实战实现圆形、圆角图片 Android BitmapShader 实战 实现圆形、圆角图片
多用于静态菜单页面 xml代码 代码内带详细解释 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://...schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:id="...@+id/root" android:layout_width="match_parent" android:layout_height="match_parent" android...android:text="无设置 按钮"/> <Button android:id="@+id/ok3" android
侧滑抽屉菜单 前言 正文 一、创建项目 二、添加滑动菜单 三、UI美化 四、添加导航视图 五、菜单分类 六、动态菜单 七、源码 运行效果图: ?...那么头像是一个图片,而且普遍是圆形图片,常规是通过一些第三方库和自定义VIew来实现。还记得我们刚才导入的material库吗?可以用它里面的控件来实现圆形头像。...-- 圆形图片 --> rounded...嗯,和预想的效果一致,这也是现在很多APP侧滑菜单的用法,基本上就差不多了。 五、菜单分类 假如上面的五个菜单是基础功能,那么下面再添加一个扩展菜单。...六、动态菜单 像这种导航菜单一般都是定好的,静态的。但是保不齐就有需要动态的菜单,需要去动态改变一些数据。而动态的菜单就不能再去使用刚才的这种方式添加item了,我们可以用列表来解决。
https://blog.csdn.net/huangliniqng/article/details/100813623 前言 做APP应用开发的时候,用户头像肯定是必不可少的,但是90%以上的需求头像都是圆形的...那么,如何通过自定义View的方式实现圆形头像呢,那么,本片博文会告诉你不仅仅是实现过程。一定会有意想不到的收获哦! 最终效果 国际惯例,我们先来看最终实现的效果图 ?...实现圆形头像的思想一个简单的图就可以表示了。 ? 矩形区域是完整的图片,圆形区域就是我们最终显示的头像区域,那么就很简单了,圆形区域与矩形区域相交,取并集区域?..., 0, drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight()); drawable.draw(canvas); 绘制圆形...最终我们重新将bitmap绘制出来即可 canvas.drawBitmap(bitmap, rect, rect, paint); 绘制部分完整代码如下所示: * 获取圆形裁剪的bitmap *
Android 使用Glide实现圆形和圆角图片 1.实现圆形图片 1.1自定义圆形处理工具类 import android.content.Context; import android.graphics.Bitmap...; import android.graphics.BitmapShader; import android.graphics.Canvas; import android.graphics.Paint...com.bumptech.glide.load.resource.bitmap.BitmapTransformation; /** * Created by xpf on 2017/6/17 :) * Function:Glide Transformation 实现圆形图片...; import android.content.res.Resources; import android.graphics.Bitmap; import android.graphics.BitmapShader...; import android.graphics.Canvas; import android.graphics.Paint; import android.graphics.RectF; import
public class RoundBtn extends android.support.v7.widget.AppCompatButton { private GradientDrawable
领取专属 10元无门槛券
手把手带您无忧上云