Android dialog圆角显示及解决出现的黑色棱角

最近在开发一个天气预报的app,看到一个比较不错友情提示,如下:

              

怎么样,看起来比原始的dialog好看吧.好了,做法也许有很多,我介绍下我的做法吧,

首先,我第一个想到的就是重写dialog.自定义一个layout布局,引用shape.xml实现圆角。

在此之前,我要说明一下:在我们新建的布局文件,只要不是最外层我们引用shape就不会遇到下面这个问题,看图:

         

仔细看就是四个角,发现出现四个黑棱角,这个肯定使我们不想要的结果,我在配置文件中怎么设置都不行,郁闷了好久,突然发现之前做过dialog显示图片 的效果,找了一下例子,原来真的做过,看来我真的不适合做程序啊,努力赚钱做生意去.说的好像跑偏了,说正题:解决方法就是:getWindow().setBackgroundDrawable(new BitmapDrawable()); 或者getWindow().setBackgroundDrawableResource(android.R.color.transparent);这样就不会出现四个黑棱角了.

这个时候我们解决棱角了,又有一个问题,你会发现你在配置文件中,设置中间某个布局的背景颜色的时候,这个圆角会被吞噬,解决方法我们可以在shape中设置中间填充颜色,对于中间的部分我们可以在布局文件中设置,因为中间她影响不到圆角,哈哈这样就实现最终效果了.如果有人要说,那我实现三种颜色多种颜色怎么办,其实我们也可以分开shape,不是吗,就是麻烦点,不过肯定可以实现.

看起来效果还可以吧,不过现在还正在完善.

该睡觉了,就说到这了,也许我讲的都是些废话,不过我在这上面卡三次,做过了都不知道,写下来加深记忆。

/*************************************************************************************/

上面介绍的是自定义dialog来实现.下面我们在来看一个示例.

         

这是我现在项目中开发的一个视图,样式还没有进行处理,所以难免有些粗糙.(至于原因:有过小公司开发经验的朋友,你懂的.)

实现方法我们完全可以用上面自定义dialog完全可以做到.不过自定义有个缺点就是你必须整合到她的父视图中.因为用到环境变量Context.
或许你可以做到很好的分层.还有这里面也涉及了比较多的界面操作.就类似于一个mini的Activity.这里我们用另外一种简单的方法实现:改变Activity的Style.

在style文件中自定义一个样式.

  <style name="Theme.HalfScreen" parent="android:style/Theme.Dialog"></style>

在Activity中引用:

 <activity
            android:name=".MemberActivity"
            android:screenOrientation="portrait"
            android:theme="@style/Theme.HalfScreen" />

或者不定义你直接引用现有的样式也行.这里不是重点所在.

首先我们要在xml中定义视图:(这里我将样式copy出来.这样比密密麻麻一坨代码看起来舒服点.)

不知道大家注意到没.她的四周都是圆角.正是这个圆角给这个mini版的Activity增加了独有特色.下面我简单说明下具体实现:

首先布局的圆角大家可以自定一个背景xml文件

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >

    <corners android:radius="10dp" />

    <solid android:color="@color/white" />

</shape>

很简单这里不解释.

这样还没有完,这样我们只能得到下半部分是个圆角,而上半部分并非圆角,因为上部是一个图片.这里通过配置文件是做不到的,我们需要在代码中队图片进行处理.目的:图片上半部分为圆角.

代码片段:

/***
     * 图片切圆角,方向自由.
     */
    public static final int ALL = 347120;
    public static final int TOP = 547120;
    public static final int LEFT = 647120;
    public static final int RIGHT = 747120;
    public static final int BOTTOM = 847120;  

    public static Bitmap fillet(int type,Bitmap bitmap,int roundPx) {
        try {
            // 其原理就是:先建立一个与图片大小相同的透明的Bitmap画板
            // 然后在画板上画出一个想要的形状的区域。
            // 最后把源图片帖上。
            final int width = bitmap.getWidth();
            final int height = bitmap.getHeight();  

            Bitmap paintingBoard = Bitmap.createBitmap(width,height, Config.ARGB_8888);
            Canvas canvas = new Canvas(paintingBoard);
            canvas.drawARGB(Color.TRANSPARENT, Color.TRANSPARENT, Color.TRANSPARENT, Color.TRANSPARENT);  

            final Paint paint = new Paint();
            paint.setAntiAlias(true);
            paint.setColor(Color.BLACK);     

            if( TOP == type ){
                clipTop(canvas,paint,roundPx,width,height);
            }else if( LEFT == type ){
                clipLeft(canvas,paint,roundPx,width,height);
            }else if( RIGHT == type ){
                clipRight(canvas,paint,roundPx,width,height);
            }else if( BOTTOM == type ){
                clipBottom(canvas,paint,roundPx,width,height);
            }else{
                clipAll(canvas,paint,roundPx,width,height);
            }  

            paint.setXfermode(new PorterDuffXfermode(Mode.SRC_IN));
            //帖子图
            final Rect src = new Rect(0, 0, width, height);
            final Rect dst = src;
            canvas.drawBitmap(bitmap, src, dst, paint);
            return paintingBoard;
        } catch (Exception exp) {
            return bitmap;
        }
    }  

     private static void clipLeft(final Canvas canvas,final Paint paint,int offset,int width,int height){
            final Rect block = new Rect(offset,0,width,height);
            canvas.drawRect(block, paint);
            final RectF rectF = new RectF(0, 0, offset * 2 , height);
            canvas.drawRoundRect(rectF, offset, offset, paint);
        }  

        private static void clipRight(final Canvas canvas,final Paint paint,int offset,int width,int height){
            final Rect block = new Rect(0, 0, width-offset, height);
            canvas.drawRect(block, paint);
            final RectF rectF = new RectF(width - offset * 2, 0, width , height);
            canvas.drawRoundRect(rectF, offset, offset, paint);
        }  

        private static void clipTop(final Canvas canvas,final Paint paint,int offset,int width,int height){
            final Rect block = new Rect(0, offset, width, height);
            canvas.drawRect(block, paint);
            final RectF rectF = new RectF(0, 0, width , offset * 2);
            canvas.drawRoundRect(rectF, offset, offset, paint);
        }  

        private static void clipBottom(final Canvas canvas,final Paint paint,int offset,int width,int height){
            final Rect block = new Rect(0, 0, width, height - offset);
            canvas.drawRect(block, paint);
            final RectF rectF = new RectF(0, height - offset * 2 , width , height);
            canvas.drawRoundRect(rectF, offset, offset, paint);
        }  

        private static void clipAll(final Canvas canvas,final Paint paint,int offset,int width,int height){
            final RectF rectF = new RectF(0, 0, width , height);
            canvas.drawRoundRect(rectF, offset, offset, paint);
        }  

先声明,这段代码是copy他人的.写的相当的清晰,我就直接拿来用了.

这里你要注意一个值roundPx.看下面这张图(上部圆角).

也许有的朋友们已经明白,那个白色是我们底部圆角布局.因为此时(图片圆角弧度>底部圆角布局.)所以就会 出现这种现象,解决方法很简单,你可以让图片圆角弧度小于底部圆角布局圆角即可,或者为了更为准确,你可以都用px作为单位,都引用这个这个大小.

时间: 2024-10-05 05:33:10

Android dialog圆角显示及解决出现的黑色棱角的相关文章

android dialog圆角显示及解决出现的黑色棱角.(友情提示)

http://blog.csdn.net/jj120522/article/details/7871289 最近在开发一个天气预报的app,看到一个比较不错友情提示,如下:                怎么样,看起来比原始的dialog好看吧.好了,做法也许有很多,我介绍下我的做法吧, 首先,我第一个想到的就是重写dialog.自定义一个layout布局,引用shape.xml实现圆角. 在此之前,我要说明一下:在我们新建的布局文件,只要不是最外层我们引用shape就不会遇到下面这个问题,看图

Android 7.0 Dialog 无法显示的问题

app 在 Android 7.0 上登录的时候, Dialog 不显示了,但是半透明背景显示 经过搜索和对比,发现出现该问题是因为重写了 getResources() 方法造成的 . 1 /** 2 * 设置 app 不随着系统字体的调整而变化 3 */ 4 @Override 5 public Resources getResources() { 6 Resources resources = super.getResources(); 7 Configuration configurati

Android SDK无法显示更新列表解决方法

解决办法: 第一步: 打开Windows中C:\WINDOWS\system32\drivers\etc\hosts,然后添加以下内容: 203.208.46.146 dl.google.com 203.208.46.146 dl-ssl.google.com 74.125.113.121 developer.android.com 第二步: 打开Android SDK Manager,选上方的菜单Tools,进入Options,在"Force https://- "前面打钩,就可以更

[Android] 给图像添加相框、圆形圆角显示图片、图像合成知识

    前一篇文章讲述了Android触屏setOnTouchListener实现突破缩放.移动.绘制和添加水印,继续我的"随手拍"项目完成给图片添加相框.圆形圆角显示图片和图像合成的功能介绍.希望文章对大家有所帮助. 一. 打开图片和显示assets文件中图片 首先,对XML中activity_main.xml进行布局,通过使用RelativeLayout相对布局完成(XML代码后面附).然后,在Mainctivity.java中public class MainActivity e

Android自定义ImageView实现图片圆形 ,椭圆和矩形圆角显示

Android中的ImageView只能显示矩形的图片,为了用户体验更多,Android实现圆角矩形,圆形或者椭圆等图形,一般通过自定义ImageView来实现,首先获取到图片的Bitmap,然后通过Paint和onDraw()进行圆形图片显示. 效果图: 代码: 1 activity_image.xml 2 <?xml version="1.0" encoding="utf-8"?> 3 <LinearLayoutxmlns:android=&q

Android adb shell 显示不正常的解决方法

在学习安卓过程中,准备使用串口,由于权限上,一直获取不到开发板的root权限. 无奈之下,发现windows下cmd中使用 adb shell,进入开发板的shell模式能正常执行chmod 777 tty* 在开发板中(x210 A8内核),安装了超级控制终端都无权执行chmod 777 tty*,真不明白为何windows的adb shell就能执行. 但使用 adb shell带来一些问题 使用过程中,发现ls语句执行后,显示乱码.如图: 网上更种说法都有. 有的说使用 chcp 6500

[Android] 给图像加入相框、圆形圆角显示图片、图像合成知识

    前一篇文章讲述了Android触屏setOnTouchListener实现突破缩放.移动.绘制和加入水印,继续我的"随手拍"项目完毕给图片加入相框.圆形圆角显示图片和图像合成的功能介绍.希望文章对大家有所帮助. 一. 打开图片和显示assets文件里图片 首先,对XML中activity_main.xml进行布局,通过使用RelativeLayout相对布局完毕(XML代码后面附).然后,在Mainctivity.java中public class MainActivity e

Android ListView圆角

首先来看看ListView 相关基本属性 1.单击列表后,列表的背景变成黑色了.可通过指定android:cacheColorHint的属性来放变它,将它指定为透明.使用下面的属性值: android:cacheColorHint="#000000" 即可. 2.去除列表项中间的分割线:android:divider="#00000000",这里的值也可以指向一个drawable图片对象(android:divider="@drawable/list_li

Android应用插件式开发解决方法[转]

一.现实需求描述 一般的,一个Android应用在开发到了一定阶段以后,功能模块将会越来越多,APK安装包也越来越大,用户在使用过程中也没有办法选择性的加载自己需要的功能模块.此时可能就需要考虑如何分拆整个应用了. 二.解决方案提出 一般有两种方式,一种是将应用按照功能分拆成多个应用,用户需要哪个就下载哪个,都需要就都下载.应用之间,可以在代码层面做一定的关联,以共享部分信息.另一种方式,类似于其他平台插件的方式,用户可以在主应用中可以选择性的下载需要的插件,不需要该功能,则不需要下载. 第一种