android dialog圓角顯示及解決出現的黑色稜角
原文地址:http://blog.csdn.net/jj120522/article/details/7871289
最近在開發一個天氣預報的app,看到一個比較不錯友情提示,如下:
怎麼樣,看起來比原始的dialog好看吧.好了,做法也許有很多,我介紹下我的做法吧,
首先,我第一個想到的就是重寫dialog.自定義一個layout佈局,引用shape.xml實現圓角。
在此之前,我要說明一下:在我們新建的佈局檔案,只要不是最外層我們引用shape就不會遇到下面這個問題,看圖:
仔細看就是四個角,發現出現四個黑稜角,這個肯定使我們不想要的結果,我在配置檔案中怎麼設定都不行,鬱悶了好久,突然發現之前做過dialog顯示圖片的效果,找了一下例子,原來真的做過,看來我真的不適合做程式啊,努力賺錢做生意去.說的好像跑偏了,說正題:解決方法就是:getWindow().setBackgroundDrawable(new BitmapDrawable());
這個時候我們解決稜角了,又有一個問題,你會發現你在配置檔案中,設定中間某個佈局的背景顏色的時候,這個圓角會被吞噬,解決方法我們可以在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>
這樣還沒有完,這樣我們只能得到下半部分是個圓角,而上半部分並非圓角,因為上部是一個圖片.這裡通過配置檔案是做不到的,我們需要在程式碼中隊圖片進行處理.目的:圖片上半部分為圓角.
程式碼片段:
- /***
- * 圖片切圓角,方向自由.
- */
- publicstaticfinalint ALL = 347120;
- publicstaticfinalint TOP = 547120;
- publicstaticfinalint LEFT = 647120;
- publicstaticfinalint RIGHT = 747120;
- publicstaticfinalint BOTTOM = 847120;
- publicstatic Bitmap fillet(int type,Bitmap bitmap,int roundPx) {
- try {
- // 其原理就是:先建立一個與圖片大小相同的透明的Bitmap畫板
- // 然後在畫板上畫出一個想要的形狀的區域。
- // 最後把源圖片帖上。
- finalint width = bitmap.getWidth();
- finalint 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);
- }elseif( LEFT == type ){
- clipLeft(canvas,paint,roundPx,width,height);
- }elseif( RIGHT == type ){
- clipRight(canvas,paint,roundPx,width,height);
- }elseif( 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;
- }
- }
- privatestaticvoid 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);
- }
- privatestaticvoid 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);
- }
- privatestaticvoid 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);
- }
- privatestaticvoid 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);
- }
- privatestaticvoid 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作為單位,都引用這個這個大小.