ニンバスのルックアンドフィールでは、JButtonは非常に整然としていて正確な外観であり、境界線は丸く、背景はきれいです。
まったく同じ外観のJPanelをレンダリングしたいと思います(明らかに、プレス状態などはありません)。
私のオプションは何ですか?
質問する
884 次
1 に答える
5
JPanel で「ボタンの外観」を取得する最も簡単な方法は、おそらくJPanel
and overrideを拡張することpaintComponent
です。
ニンバスのJButton
外観は次のとおりです。
そして、これが a での同様の外観の実装ですJPanel
(この例を示すために空の境界線を追加しましたが、角は半透明ではありません):
これが私のコードです(グラデーションを使用):
public class ColorDemo extends JPanel {
private final int gradientSize = 18;
private final Color lighterColor = new Color(250, 250, 250);
private final Color darkerColor = new Color(225, 225, 230);
private final Color edgeColor = new Color(140, 145, 145);
private final Stroke edgeStroke = new BasicStroke(1);
private final GradientPaint upperGradient = new GradientPaint(
0, 0, lighterColor,
0, gradientSize, darkerColor);
@Override
public void paintComponent(Graphics g) {
Graphics2D g2 = (Graphics2D)g;
g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING,
RenderingHints.VALUE_ANTIALIAS_ON);
GradientPaint lowerGradient = new GradientPaint(
0, getHeight()-gradientSize-1, darkerColor,
0, getHeight(), lighterColor);
g2.setPaint(upperGradient);
g2.fillRect(0, 0, getWidth()-1 , gradientSize);
g2.setPaint(darkerColor);
g2.fillRect(0, gradientSize, getWidth()-1, getHeight()-gradientSize-1);
g2.setPaint(lowerGradient);
g2.fillRect(0, getHeight()-gradientSize, getWidth()-1, getHeight()-1);
g2.setStroke(edgeStroke);
g2.setPaint(edgeColor);
g2.drawRoundRect(0, 0, getWidth()-1, getHeight()-1,
gradientSize/2, gradientSize/2);
}
}
アップデート
これは、コードのコーナーの問題を解決したAgostinoXによる改善されたpaintComponent
方法です。
@Override
public void paintComponent(Graphics g) {
Graphics2D g2 = (Graphics2D) g;
g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING,
RenderingHints.VALUE_ANTIALIAS_ON);
float gradientPerc = (float)gradientSize/getHeight();
LinearGradientPaint lgp = new LinearGradientPaint(0,0,0,getHeight()-1,
new float[] {0, gradientPerc, 1-gradientPerc, 1f},
new Color[] {lighterColor, darkerColor, darkerColor, lighterColor});
g2.setPaint(lgp);
g.fillRoundRect(0, 0, getWidth()-1, getHeight()-1,
gradientSize, gradientSize);
g2.setColor(edgeColor);
g2.setStroke(edgeStroke);
g.drawRoundRect(0, 0, getWidth()-1, getHeight()-1,
gradientSize, gradientSize);
}
Nimbus のルック アンド フィールをカスタマイズする方法については、JScrollBar で矢印ボタンを非表示にする方法に対する私の回答も参照してください。また、色とペインターのNimbus デフォルトを参照してください。
于 2011-12-12T09:23:35.690 に答える