精华内容
参与话题
问答
  • 圆形头像

    2015-05-13 09:32:27
    圆形头像

    圆形头像

    思路:view有一个属性layer,通过设置cornerRadius来设置圆角的半径,view是正方形的才能保证通过调整圆角半径来形成圆形头像

     


     [view.layer setCornerRadius:CGRectGetHeight([view bounds]) / 2];

     view.layer.masksToBounds = YES;

    然后再给图层添加一个有色的边框,类似qq空间头像那样

    view.layer.borderWidth = 5;

    view.layer.borderColor = [[UIColor whiteColor] CGColor];

    view.layer.contents = (id)[[UIImageimageNamed:@"backgroundImage.png"] CGImage];


    这样就可以制作成圆形头像了,很实用的

    展开全文
  • Android 圆形头像实现

    千次下载 热门讨论 2013-04-12 22:24:33
    实现应用中常常出现的圆形头像,不是利用图片遮盖的方法。设计成圆的会使整个界面布局变的优雅漂亮。
  • 圆形头像显示

    热门讨论 2015-01-30 14:09:47
    不知何时开始,大多数软件的头像采用了圆形头像,使用WPF进行圆形头像显示比较简单,并不是将图像裁剪成圆形头像后显示. 思路是裁剪出一个正方形的头像,然后在显示的时候,只显示正方形中的内切圆部分即可.WPF中的Image...
  • WPF圆形头像设置

    2015-02-02 18:00:34
    本文主要实现WPF下用户头像的设置处理,实现功能是用户选择一张图片该例子可以对选择的图片进行缩放和移动操作,最后方块内的部分,会被裁剪出来,最后以圆形头像显示出来。 http://blog.csdn.net/cpplog ...
  • 现在很主流使用圆形头像,还要带边框的一个圆圈圈,自己做的项目里就有这样的需求,大大小小好多地方。 基本上可以拿来就用,注释我也添加的比较详细了。
  • Android 圆形头像

    2015-04-13 18:50:42
    这是一个实现了圆形头像的Demo,解压后导入Eclipse可以直接运行,值得一观额!
  • Android圆形头像

    2017-12-12 15:32:58
    Android中圆形头像加载显示,点击头像可拍照或从相册选择上传
  • android 圆形头像

    千次阅读 2014-07-09 12:57:25
    依赖Xfermode去实现 效果如图所示: 实现如下: public class CirclePhotoView extends View { private Bitmap bmpCat; private Bitmap bmpCircleMask; private Canvas cvsCircle;... ...
    依赖Xfermode去实现
    效果如图所示:
    

    实现如下:

    public class CirclePhotoView extends View {
        private Bitmap bmpCat;
    
        private Bitmap bmpCircleMask;
        private Canvas cvsCircle;
        private Paint paint;
        public CirclePhotoView(Context context, AttributeSet attrs) {
            super(context, attrs);
            paint = new Paint(Paint.ANTI_ALIAS_FLAG);
            bmpCat = BitmapFactory.decodeResource(getResources(), R.mipmap.ic_launcher);
            int minWidth = Math.min(bmpCat.getWidth(), bmpCat.getHeight());
            bmpCircleMask = Bitmap.createBitmap(minWidth, minWidth,
                    Bitmap.Config.ARGB_8888);
            cvsCircle = new Canvas(bmpCircleMask);
            int r = minWidth / 2;
            cvsCircle.drawCircle(r, r, r, paint);
        }
        @Override
        protected void onDraw(Canvas canvas) {
            super.onDraw(canvas);
    
            int w = bmpCircleMask.getWidth();
            int layer = canvas.saveLayer(0, 0, w, w, null, Canvas.ALL_SAVE_FLAG);
            canvas.drawBitmap(bmpCat, 0, 0, null);
            paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_IN));
            canvas.drawBitmap(bmpCircleMask, 0, 0, paint);
            canvas.restoreToCount(layer)
        }
    }

     

    展开全文
  • Duilib 圆形头像控件

    2018-05-25 18:03:38
    duilib 圆形头像控件,使用方式 </ElipsePhoto>
  • android圆形头像

    2016-08-15 10:04:44
    android圆形头像
  • 自定义view圆形头像

    万次阅读 2020-05-05 16:07:41
    自定义view圆形头像 我已经将源码打包成依赖 朋友们可以直接导依赖直接使用 1.正常导入: implementation ‘com.github.LiHangKun:wuyuewuone:1’ 2.在最外层项目的build.gradle里面 maven { url ...

    自定义view圆形头像

    我已经将源码打包成依赖 朋友们可以直接导依赖直接使用

    1.正常导入: implementation ‘com.github.LiHangKun:wuyuewuone:1’

    implementation 'com.github.LiHangKun:wuyuewuone:1'

    2.在最外层项目的build.gradle里面 maven { url ‘https://jitpack.io’ }

    allprojects {
        repositories {
            google()
            jcenter()
            maven { url 'https://jitpack.io' }  //这个是我们添加的必须加
        }
    }

    3.布局文件 这里面com.bw.wuyuewu.这个名字 不用管直接复制直接就可以用!!不需要任何修改

    <?xml version="1.0" encoding="utf-8"?>
    <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:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".MainActivity">
    
        <com.bw.wuyuewu.CircleImageView
            android:layout_width="50dp"
            android:id="@+id/img"
            android:layout_height="50dp" />
    
    </LinearLayout>

    4.类里面直接调用

    public class MainActivity extends AppCompatActivity {
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            ImageView img = findViewById(R.id.img);
            String a="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1577442815232&di=49d50a07a4760c0ec89ddc3651e2b2e2&imgtype=0&src=http%3A%2F%2Fimg.pconline.com.cn%2Fimages%2Fupload%2Fupc%2Ftx%2Fwallpaper%2F1301%2F14%2Fc1%2F17389236_1358146562800.jpg";
            Glide.with(this).load(a).into(img);
            //Glide依赖是:implementation 'com.github.bumptech.glide:glide:4.9.0'
        }
    }

    如果没出来效果 检查自己是否在AndroidManifest.xm里面给了网络权限 步骤非常详细

    <uses-permission android:name="android.permission.INTERNET"></uses-permission>

    最后效果:
    在这里插入图片描述

    展开全文
  • QT之圆形头像

    2016-12-06 22:32:02
    QT圆形头像设计,可根据此工程文件修改为任意形状头像
  • UWP xaml 圆形头像

    千次阅读 2015-11-10 11:21:26
    现在很多软件都喜欢使用圆形头像 win10 uwp使用圆形头像很简单 ,10,10,10"> </Ellipse>

    圆形头像

    现在很多软件都喜欢使用圆形头像
    win10 uwp使用圆形头像很简单

                <Ellipse Width="200" Height="200" Margin="10,10,10,10">
                    <Ellipse.Fill>
                        <ImageBrush ImageSource="assets/1.jpg"/>
                    </Ellipse.Fill>
                </Ellipse>

    使用这样的圆形头像没有对原有图形的渲染大小进行变化,一个大的图形不会解码为刚好要的,我们进行一步修改

    代码:

    <Page
        x:Class="Roundhead.MainPage"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="using:Roundhead"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        mc:Ignorable="d">
    
        <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
            <StackPanel Orientation="Vertical">
                <Ellipse Width="200" Height="200" Margin="10,10,10,10">
                    <Ellipse.Fill>
                        <ImageBrush ImageSource="assets\1.jpg"/>
                    </Ellipse.Fill>
                </Ellipse>
                <TextBlock Text="我的头像是圆" HorizontalAlignment="Center" />
            </StackPanel>
        </Grid>
    </Page>

    圆形头像

    去掉黑边

    程序界面有一些
    程序界面有一些
    看起来不好
    在app.xaml.cs找到this.DebugSettings.EnableFrameRateCounter = true;
    写为false
    this.DebugSettings.EnableFrameRateCounter = false;

    拖动打开图形

    <ImageBrush ImageSource="assets\1.jpg"/>添加x:Name="ximg"
    在Grid增加AllowDrop="True" DragOver="Grid_DragOver" Drop="Grid_Drop"
    Grid_Drop

            private async void Grid_Drop(object sender , DragEventArgs e)
            {
                var defer = e.GetDeferral();
    
                try
                {
                    DataPackageView dataView = e.DataView;
                    // 拖放类型为文件存储。
                    if (dataView.Contains(StandardDataFormats.StorageItems))
                    {
                        var files = await dataView.GetStorageItemsAsync();
                        StorageFile file = files.OfType<StorageFile>().First();
                        if (file.FileType == ".png" || file.FileType == ".jpg")
                        {
                            // 拖放的是图片文件。
                            BitmapImage bitmap = new BitmapImage();
                            await bitmap.SetSourceAsync(await file.OpenAsync(FileAccessMode.Read));
                            ximg.ImageSource = bitmap;
                        }                    
                    }
                }
                finally
                {
                    defer.Complete();
                }
            }

    Grid_DragOver

            private void Grid_DragOver(object sender , DragEventArgs e)
            {
                //需要using Windows.ApplicationModel.DataTransfer;
                e.AcceptedOperation = DataPackageOperation.Copy;
    
                // 设置拖放时显示的文字。
                //e.DragUIOverride.Caption = "拖放打开";
    
                // 是否显示拖放时的文字。默认为 true。
                //e.DragUIOverride.IsCaptionVisible = false;
    
                // 是否显示文件预览内容,一般为文件图标。默认为 true。
                // e.DragUIOverride.IsContentVisible = false;
    
                // Caption 前面的图标是否显示。默认为 true。
                //e.DragUIOverride.IsGlyphVisible = false;
    
                //需要using Windows.UI.Xaml.Media.Imaging;
                //设置拖动图形,覆盖文件预览
                //e.DragUIOverride.SetContentFromBitmapImage(new BitmapImage(new Uri("ms-appx:///Assets/1.jpg")));
    
                e.Handled = true;
            }

    这里写图片描述

    e.AcceptedOperation = DataPackageOperation.Copy;设置拖动作为复制
    需要using Windows.ApplicationModel.DataTransfer

    拖放显示文字e.DragUIOverride.Caption = "拖放打开";
    这里写图片描述

    是否显示拖放时的文字。默认为 truee.DragUIOverride.IsCaptionVisible = false;
    这里写图片描述

    复制图标是否显示 e.DragUIOverride.IsGlyphVisible = false;
    这里写图片描述

    设置拖动图形,覆盖文件预览e.DragUIOverride.SetContentFromBitmapImage(new BitmapImage(new Uri(img)));
    这里写图片描述

    代码:https://code.csdn.net/lindexi_gd/lindexi_gd/tree/master/Roundhead

    参考:http://timheuer.com/blog/archive/2015/05/06/making-circular-images-in-xaml-easily.aspx

    展开全文
  • 纯CSS3炫酷圆形头像图片过滤特效源码是一款效果非常酷的纯CSS3炫酷圆形头像图片过滤特效的代码。该特效将图片制作为圆形图片,以网格形式布局,带点击相应的分类按钮后,该类别的图片被放大显示,其它类别的图片被...
  • Android 自定义圆形头像
  • 首先说下布局:布局文件非常简单,使用的是一个自定义的圆形头像; 当点击圆形头像的时候弹出一个popWindow,然后点击拍照,相册的时候调用系统的相机和系统的相册 布局文件:(circleImageView是一个自定义的控件...
  • Android开发之制作圆形头像图片的功能实现。自定义View实现圆形头像效果。
  • iOS如何裁剪圆形头像

    2020-09-02 13:29:52
    主要介绍了iOS如何裁剪圆形头像的方法,如何为圆形头像加边框,如何进行截图操作,感兴趣的小伙伴们可以参考一下

空空如也

1 2 3 4 5 ... 20
收藏数 2,144
精华内容 857
关键字:

圆形头像