java界面實現圓角,前端圓角的實現

本文目錄一覽：

• 1、java的jwindow能夠設置成圓角嗎
• 2、java swing 怎麼繪製一個圓角矩形的面板？
• 3、如何設置窗口圓角及邊框
• 4、如何在Java中創建圓角圖像

java的jwindow能夠設置成圓角嗎

可以的，看代碼，需要jre1.7

JWindow win = new JWindow();

win.setShape(new RoundRectangle2D.Double(10, 10, 100, 100, 50, 50));

win.setSize(300, 200);

win.setVisible(true);

java swing 怎麼繪製一個圓角矩形的面板？

設置一個圓角矩形的Border即可。

panel.setBorder(BorderFactory.createLineBorder(Color.RED, 10, true));

如何設置窗口圓角及邊框

在文章開頭依然先貼出核心代碼

[java] view plain copy

@Override

public void onAttachedToWindow() {

super.onAttachedToWindow();

DisplayMetrics dm = new DisplayMetrics();

getWindowManager().getDefaultDisplay().getMetrics(dm);

View view = getWindow().getDecorView();

WindowManager.LayoutParams lp = (WindowManager.LayoutParams)view.getLayoutParams();

lp.gravity = Gravity.CENTER;

lp.width = (dm.widthPixels * 4) / 5;

lp.height = (dm.widthPixels * 4) / 5;

getWindowManager().updateViewLayout(view,lp);

getWindow().setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT));

view.setBackgroundResource(R.drawable.dialog_activity_bg);

}

上兩篇博客說到了為什麼在onAttachedToWindow中修改窗口尺寸和Window與DecorView之間的關係，這篇博客梳理下圓角實現代碼邏輯。

整理思路為：

獲取屏幕尺寸，然後根據需求計算窗口Activity的尺寸。這裡默認手機為豎屏，設置Activity的高和寬都為屏幕寬度的4/5。

獲取PhoneWindow的變量DecorView，然後修改DecorView的LayoutParams來實現修改窗口尺寸。

設置PhoneWindow的背景為透明。

設置DecorView的背景為帶邊框的圓角。

第一步通過經常使用的DisplayMetrics來獲取屏幕高寬。

第二步通過getWindow().getDecorView()獲取窗體的DecorView，然後再獲取LayoutParams，不過DecorView的LayoutParams為WindowManager.LayoutParams。注意！根據上篇博客onAttachedToWindow()在整個Activity生命周期的位置及使用的分析，一定要再onAttachedToWindow中獲取WindowManager.LayoutParams，否則獲取的是空。

第三步直接調用PhoneWindow的setBackgroundDrawable接口設置成透明即可。

第四步為DecorView設置背景，下面貼出邊框圓角的xml

[html] view plain copy

?xml version=”1.0″ encoding=”utf-8″?

shape xmlns:android=””

android:shape=”rectangle”

corners

android:radius=”10.0dip”/

solid

android:color=”#e5e5e6″/

stroke

android:color=”#464646″

android:width=”2px”/

/shape

在測試過程中，我發現了一個很有意思的現象，如果先調用PhoneWindow的setBackground再調用DecorView的setBackground能正常顯示，效果如下圖

但若兩行代碼換換位置則顯示效果如下圖

好吧，要弄清楚這個問題依然是老辦法——看源碼。

查看PhoneWindow的setBackgroundDrawable

[java] view plain copy

@Override

public final void setBackgroundDrawable(Drawable drawable) {

if (drawable != mBackgroundDrawable || mBackgroundResource != 0) {

mBackgroundResource = 0;

mBackgroundDrawable = drawable;

if (mDecor != null) {

mDecor.setWindowBackground(drawable);

}

}

}

原來調用PhoneWindow的setBackgroundDrawable方法會調用DecorView的setWindowBackground方法

[java] view plain copy

public void setWindowBackground(Drawable drawable) {

if (getBackground() != drawable) {

setBackgroundDrawable(drawable);

if (drawable != null) {

drawable.getPadding(mBackgroundPadding);

} else {

mBackgroundPadding.setEmpty();

}

drawableChanged();

}

}

在這裡，DecorView會判斷如果新傳進來的Drawable和已經設置的Drawable不同則會替換背景為新的Drawable，所以如果先為DecorView設置帶邊框的圓角背景再給PhoneWindow設置透明背景，那麼DecorView也會被設置成透明背景，也就是我們上圖看到的效果。

如何在Java中創建圓角圖像

/**

* 生成圓角圖標

* @author Master.Pan

* @date 2016年5月11日 上午9:56:37

* @param image

* @param cornerRadius 圓角半徑

* @return

*/

public static BufferedImage makeRoundedCorner(BufferedImage image, int cornerRadius) {

int w = image.getWidth();

int h = image.getHeight();

BufferedImage output = new BufferedImage(w, h, BufferedImage.TYPE_INT_ARGB);

Graphics2D g2 = output.createGraphics();

g2.setComposite(AlphaComposite.Src);

g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);

g2.setColor(Color.WHITE);

g2.fill(new RoundRectangle2D.Float(0, 0, w, h, cornerRadius, cornerRadius));

g2.setComposite(AlphaComposite.SrcAtop);

g2.drawImage(image, 0, 0, null);

g2.dispose();

return output;

}