精华内容
下载资源
问答
  • "半圆角"图片

    2011-03-29 21:48:00
    标记一个,google 关键字 iPhone table cell 半圆角 在第一页底发现http://atastypixel.com/blog/easy-rounded-corners-on-uitableviewcell-image-view/后面有个讨论链接,stack overflow的...

      标记一个,google 关键字 iPhone table cell 半圆角

    在第一页底发现http://atastypixel.com/blog/easy-rounded-corners-on-uitableviewcell-image-view/后面有个讨论链接,stack overflow的http://stackoverflow.com/questions/2118613/how-do-i-add-a-uiimage-to-grouped-uitableviewcell-so-it-rounds-the-corners,讲到有半圆角图片的例子,效果类似手机上itunes的group风格的列表显示的图片

    展开全文
  • 今天就和大家分享一下,如何实现图片或背景圆角,也可实现部分圆角。先来看一下效果图~   上面两个图分别是实现上部分圆角&下部分直角和全部圆角,同样,也可以实现左部分,右部分,下部分的圆角。好的...

    Android UI设计中,不得不用到带圆角的图片或者背景。今天就和大家分享一下,如何实现图片或背景圆角,也可实现半部分圆角。先来看一下效果图~

      

    上面两个图分别是实现上半部分圆角&下半部分直角和全部圆角,同样,也可以实现左半部分,右半部分,下半部分的圆角。好的,进入正题~

    我们首先来创建一个圆角规则的枚举类型:

        /**
         * 图片圆角规则 eg. TOP:上半部分
         */
        public enum HalfType {
            LEFT, // 左上角 + 左下角
            RIGHT, // 右上角 + 右下角
            TOP, // 左上角 + 右上角
            BOTTOM, // 左下角 + 右下角
            ALL // 四角
        }

    然后我们创建一个将Bitmap圆弧化的方法:

        /**
         * 将图片的四角圆弧化
         *
         * @param bitmap      原图
         * @param roundPixels 弧度
         * @param half        (上/下/左/右)半部分圆角
         * @return
         */
        public static Bitmap getRoundCornerImage(Bitmap bitmap, int roundPixels, HalfType half) {
            int width = bitmap.getWidth();
            int height = bitmap.getHeight();
    
            Bitmap roundConcerImage = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);//创建一个和原始图片一样大小的位图
            Canvas canvas = new Canvas(roundConcerImage);//创建位图画布
            Paint paint = new Paint();//创建画笔
    
            Rect rect = new Rect(0, 0, width, height);//创建一个和原始图片一样大小的矩形
            RectF rectF = new RectF(rect);
            paint.setAntiAlias(true);// 抗锯齿
    
            canvas.drawRoundRect(rectF, roundPixels, roundPixels, paint);//画一个基于前面创建的矩形大小的圆角矩形
            paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));//设置相交模式
            canvas.drawBitmap(bitmap, null, rect, paint);//把图片画到矩形去
    
            switch (half) {
                case LEFT:
                    return Bitmap.createBitmap(roundConcerImage, 0, 0, width - roundPixels, height);
                case RIGHT:
                    return Bitmap.createBitmap(roundConcerImage, width - roundPixels, 0, width - roundPixels, height);
                case TOP: // 上半部分圆角化 “- roundPixels”实际上为了保证底部没有圆角,采用截掉一部分的方式,就是截掉和弧度一样大小的长度
                    return Bitmap.createBitmap(roundConcerImage, 0, 0, width, height - roundPixels);
                case BOTTOM:
                    return Bitmap.createBitmap(roundConcerImage, 0, height - roundPixels, width, height - roundPixels);
                case ALL:
                    return roundConcerImage;
                default:
                    return roundConcerImage;
            }
        }

    方法写好后,在我们的页面中,需要对图片进行设置了~

            Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.bg); // 先从资源中把背景图获取出来
            Bitmap roundBitmap = getRoundCornerImage(bitmap, 30, HalfType.TOP); // 将图片的上半部分圆弧化。
            ImageView image = (ImageView) findViewById(R.id.image);
            Drawable dw = new BitmapDrawable(getResources(),roundBitmap);
            image.setBackgroundDrawable(dw); // 设置背景。API>=16的話,可以直接用setBackground方法

    如果想直接设置图片圆角,那也简单

            image.setImageBitmap(roundBitmap);


    大功告成~是不是很简单~~


    附上源码下载链接:Android 实现图片/背景(半部分&全部)圆角 源码



    展开全文
  • Android 好用的圆角图片加载框架

    千次阅读 2017-09-18 11:06:16
    在很多地方都会用到,圆角图片,半圆角图片等许多的各种加载的图片样式。后来在github上找到一个图片加载的框架感觉很不错,留着mark一下。 https://github.com/sfsheng0322/GlideImageView

              在很多地方都会用到,圆角图片,半圆角图片等许多的各种加载的图片样式。后来在github上找到一个图片加载的框架感觉很不错,留着mark一下。

    https://github.com/sfsheng0322/GlideImageView

    展开全文
  • 圆角图片

    2016-01-15 10:22:01
    前一段时间要写一个圆角图片,当时就开始绕圈了,绕来绕去的.时间紧急,还是用一张背景图代替了. 今天没事儿,又重新看了一下,瞬间**了,搞来搞去,绕远了. 就是这么个图片,两边是半圆形,和普通的设置圆角不同. 代码:...

    前一段时间要写一个圆角图片,当时就开始绕圈了,绕来绕去的.时间紧急,还是用一张背景图代替了.

    今天没事儿,又重新看了一下,瞬间**了,搞来搞去,绕远了.

    就是这么个图片,两边是半圆形,和普通的设置圆角不同.

    代码:

     <TextView
            android:id="@+id/textView"
            android:layout_width="300dp"
            android:layout_height="60dp"
            android:background="@drawable/shape_corners"
            android:gravity="center_vertical|center_horizontal"
            android:paddingBottom="5dp"
            android:paddingLeft="20dp"
            android:paddingRight="20dp"
            android:paddingTop="5dp"
            android:text="圆角图片"
            android:textSize="15dp" />
    
    设置圆角:

    <?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android" >
        <corners android:topLeftRadius="30dp"
            android:bottomRightRadius="30dp"
            android:bottomLeftRadius="30dp"
            android:topRightRadius="30dp"/>
        
        <solid
            android:color="#00ffffff"/>
        <stroke 
            android:color="#f84d4d"
            android:width="2dp"/>
    
    </shape>

    重点是:

    圆角的radius 设置为TextView的高度的一半就行.


    就这么简单.


    展开全文
  • MFC透明圆角窗口加载GIF图片,非常类似手机中的正在加载图片
  • Qt 设置圆角图片控件

    2020-05-08 21:57:16
    使用paintEvent设置上半圆角窗口 void ImgWidget::paintEvent(QPaintEvent *event) { Q_UNUSED(event) QPainter painter(this); painter.setRenderHints(QPainter::Antialiasing | QPainter::TextAntialiasing,...
  • Android 实现图片/背景(部分&全部)圆角 源码
  • div> body> html> 三、图片加阴影 投影: 阴影水平位置 阴影的垂直位置 阴影的模糊值 阴影的颜色 内阴影; 加inset是内阴影,不加就是外阴影 ; 代码演示: box-shadow: -20px -15px 0 #e3d275 inset; 四、圆的设置...
  • 方方正正的样式往往会显得很生硬,而圆角的样式会让人产生别样的亲切感,现在越来越多地用到圆角,诸如用户头像之类的图片也大都用圆形来显示,本文就介绍如何设置按钮、文本框的圆角以及制作圆形的图片。...
  • TransparentBlt+AlphaBlend透明、透明、圆角半透明显示BMP图片
  • 透明圆角化背景图片

    千次阅读 2012-06-20 09:32:58
    就是将背景图片也圆角化,好像目前在网络上还没有这样的功能应用,我只见过用js方式来实现的,可以参看我的《超圆滑圆角框的完美解决方案》一文中后面几种JS方案。但是纯CSS方式的实现可是我独家所创,如有雷同,...
  • Android 仿微信圆角菜单、透明底部弹出菜单。虽然重在模拟制作微信底部菜单,但是主界面上显示的菜单也是很不错的效果...圆角的菜单,测试时可单击“发送图片”按钮,即可滑出透明的底部菜单,测试效果如抓图所示。
  • 最近项目开发中使用到了圆角图片,网上找到的圆角图片控件大多比较死板,只可以全圆角。其中感觉最好的也就是半圆角链接在这里。想了一下,我自己在这个的基础上进行了一点改进,使得图片可以设置任意角为圆角。 先...
  • 预览 转载于:https://www.cnblogs.com/CB/archive/2009/03/09/1406720.html
  • 就是将背景图片也圆角化,好像目前在网络上还没有这样的功能应用,我只见过用js方式来实现的,可以参看我的《超圆滑圆角框的完美解决方案》一文中后面几种JS方案。但是纯CSS方式的实现可是我独家所创,如有雷同,...
  • /*背景图片固定居中 http://www.w3school.com.cn/css/pr_background-position.asp http://www.198484.com/?action=show&id=51 */ background-image: url('images/bg1.jpg'); background-attachment: fixed; ...
  • CSS test body { margin: 0; background-image: url('images/bg1.jpg'); background-attachment: fixed; background-position: center; background-repeat: no-repeat; } #header ...margin: 0 a
  • 通常实现组件的透明效果,我们会使用一些不同透明度的图片来实现,但是有些方法更方便简单。 在Android中可以设置特殊的8位的特殊颜色或者背景色设置来实现透明效果例如 “#e0000000″,可以发现在去除表达式之后...
  • android:scaleType="fitStart" 图片靠左不变形显示, android:scaleType=”fitEnd” 图片...透明android:background="#e0000000" 透明 android:background="#00000000" // 自定义TextView 圆角边框 package co...
  • 就在几天前,微软也放出了自己的最新消息,将会在明年改进自己的win10的UI,使其拥有更加现代化的外观,加上圆角设计以及阴影透明的效果。而微软的整个措施最近也是迎来了曝光,一大批的内部图片被公布,而这种...
  • 在做Android开发时,我们为了美观,有时候需要使用圆角矩形,或透明之类的效果,在网页设计中很容易实现。但在Android开发中,要稍微麻烦一点,但实现起来也不算很难。 关于设定背景图片平铺的方法请参考上一篇...

空空如也

空空如也

1 2 3 4 5 ... 8
收藏数 149
精华内容 59
关键字:

半圆角图片