Javaアプレットによる2Dグラフィックサンプル 角の丸い四角形の描画

作って遊ぼうJavaプログラミング

Javaアプレット
サンプル集
Javaグラフィックサンプル（アプレット版）：角の丸い四角形の描画に関する図形描画サンプルです。輪郭線を太くしたり、破線にしたり。図形内のグラデーション、パターン描画等のサンプルを掲載しています。
[ 記事一覧 ]
作って遊ぼうJavaプログラミング トップページ
ご意見、ご感想、ご質問 ユーザー投稿フォーム
お役立ちリンク集
Java関連書籍
Java アプレットゲームコーナー
Java入門
サンプル集
Javaサンプル集
アプレットサンプル集
四角形の描画
角の丸い四角形の描画
円の描画
楕円の描画
直線の描画
多角形の描画
ベジェ曲線の描画
ベジェ曲線を含む図形の描画
円弧、楕円弧の描画
弓形の描画
扇形の描画
図形の合成
いろいろなテクスチャーパターン
アニメーションサンプル
グラデーションサンプル
ボタンサンプル
チェックボックス
コンボボックス
マウス入力（マウスイベント）サンプル
キー入力（キーイベント）サンプル
アプレットからのファイル読み込み
画像イメージの表示
文字の描画
ダイアログの表示
テキストフィールドのサンプル
アプレットからのJavaScript実行
アプレットでのテーブル表示
テーブル最終行への行追加
テーブル最終行の削除
Swingサンプル集
ゲームを作ってみよう
試してみよう Java実験コーナー
こんなエラー出ちゃいましたぁ！エラー別対処方法

Home > サンプル集 > アプレットサンプル集 > 角の丸い四角形の描画


角の丸い四角形の描画

このページには、以下のサンプルを掲載しています。 下の項目をクリックをすると各サンプルにジャンプします。 ※2週間以内の新着記事はNewアイコン、更新記事はUpアイコンが表示されます。
  1. 角の丸い四角形の描画 ( RectSample01.java ) 　
  2. 角の丸い四角形の描画（塗りつぶし） ( RoundRectSample02.java ) 　
  3. 角の丸い四角形の描画（太い輪郭線） ( RoundRectSample03.java ) 　
  4. 角の丸い四角形の描画（太い輪郭線＆塗りつぶし） ( RoundRectSample04.java ) 　
  5. 角の丸い四角形の描画（破線の輪郭線） ( RoundRectSample05.java ) 　
  6. 角の丸い四角形の描画（破線の輪郭線＆塗りつぶし） ( RoundRectSample06.java ) 　
  7. 角の丸い四角形の描画（グラデーション） ( RoundRectSample07.java ) 　
  8. 角の丸い四角形の描画（グラデーション） ( RoundRectSample08.java ) 　
  9. 角の丸い四角形の描画（回転） ( RoundRectSample09.java ) 　

角の丸い四角形を描画するには、下記のメソッドを使います。普通の四角形よりも与える引数が多くなります。
・drawRoundRect(int x, int y, int width, int height, int arcWidth, int arcHeight)

メソッドの引数は、それぞれ下記の意味となります。
　x ： 描画する角の丸い四角形を囲った四角形の左上の点のx座標
　y ： 描画する角の丸い四角形を囲った四角形の左上の点のy座標
　width ： 描画する角の丸い四角形の横幅
　height ： 描画する角の丸い四角形を囲った四角形の高さ
　arcWidth ： 描画する角の丸い四角形の丸くなっている部分の横幅
　arcHeight ： 描画する角の丸い四角形の丸くなっている部分の高さ

・fillRoundRect(int x, int y, int width, int height, int arcWidth, int arcHeight)
　引数の意味は、drawRoundRectと同じになります。角の丸い四角形を描画して中身を塗りつぶします。

1. 角の丸い四角形の描画
[ サンプルプログラムのソースコード - RoundRectSample01.java - ]
  1. import javax.swing.JApplet;
  3. import java.awt.Color;
  4. import java.awt.Graphics;
  6. public class RoundRectSample01 extends JApplet {
  7.   public void paint(Graphics g){
  8.     g.setColor(Color.RED);
  9.     g.drawRoundRect(10, 10, 100, 100, 30, 10);
  10.   }
  11. }
[ サンプルプログラムの実行結果 ]

[ 関連ページ ]
角の丸い四角形描画のSwing版サンプル
アプレット版サンプルの他の図形描画
四角形 / 円 / 楕円 / 直線 / 連続直線 / 多角形 / ベジェ曲線を含む図形 / 円弧 / 楕円弧 / 弓形 / 扇形


2. 角の丸い四角形の描画（塗りつぶし）
[ サンプルプログラムのソースコード - RoundRectSample02.java - ]
  1. import javax.swing.JApplet;
  2. import java.awt.Color;
  3. import java.awt.Graphics;
  5. public class RoundRectSample02 extends JApplet {
  6.   public void paint(Graphics g){
  7.     g.setColor(Color.RED);
  8.     g.fillRoundRect(10, 10, 100, 100, 30, 10);
  9.   }
  10. }
[ サンプルプログラムの実行結果 ]

[ 関連ページ ]
角の丸い四角形描画（塗りつぶし）のSwing版サンプル
アプレット版サンプルの他の図形描画
四角形（塗りつぶし） / 円（塗りつぶし） / 楕円（塗りつぶし） / 多角形（塗りつぶし） / ベジェ曲線を含む図形（塗りつぶし） / 弓形（塗りつぶし） / 扇形（塗りつぶし）


3. 角の丸い四角形の描画（太い輪郭線）
[ サンプルプログラムのソースコード - RoundRectSample03.java - ]
  1. import javax.swing.JApplet;
  2. import java.awt.BasicStroke;
  3. import java.awt.Color;
  4. import java.awt.Graphics;
  5. import java.awt.Graphics2D;
  7. public class RoundRectSample03 extends JApplet {
  8.   public void paint(Graphics g){
  9.     Graphics2D g2 = (Graphics2D)g;
  10.     g2.setStroke(new BasicStroke(5.0f));
  11.     g2.setColor(Color.GREEN);
  12.     g2.drawRoundRect(10, 10, 100, 100, 30, 30);
  13.   }
  14. }
[ サンプルプログラムの実行結果 ]

[ 関連ページ ]
角の丸い四角形描画（太線）のSwing版サンプル
アプレット版サンプルの他の図形描画
四角形（太線） / 円（太線） / 楕円（太線） / 直線（太線） / 連続直線（太線） / 多角形（太線） / ベジェ曲線を含む図形（太線） / 円弧（太線） / 楕円弧（太線） / 弓形（太線） / 扇形（太線）


4. 角の丸い四角形の描画（太い輪郭線＆塗りつぶし）
[ サンプルプログラムのソースコード - RoundRectSample04.java - ]
  1. import javax.swing.JApplet;
  2. import java.awt.BasicStroke;
  3. import java.awt.Color;
  4. import java.awt.Graphics;
  5. import java.awt.Graphics2D;
  7. public class RoundRectSample04 extends JApplet {
  8.   public void paint(Graphics g){
  9.     Graphics2D g2 = (Graphics2D)g;
  10.     g2.setColor(Color.GREEN);
  11.     g.fillRoundRect(10, 10, 100, 100, 30, 30);
  12.     g2.setColor(Color.RED);
  13.     g2.setStroke(new BasicStroke(5.0f));
  14.     g2.drawRoundRect(10, 10, 100, 100, 30, 30);
  15.   }
  16. }
[ サンプルプログラムの実行結果 ]

[ 関連ページ ]
角の丸い四角形描画（太線＆塗りつぶし）のSwing版サンプル
アプレット版サンプルの他の図形描画
四角形（太線＆塗りつぶし） / 円（太線＆塗りつぶし） / 楕円（太線＆塗りつぶし） / 多角形（太線＆塗りつぶし） / ベジェ曲線を含む図形（太線＆塗りつぶし） / 弓形（太線＆塗りつぶし） / 扇形（太線＆塗りつぶし）


5. 角の丸い四角形の描画（破線の輪郭線）
[ サンプルプログラムのソースコード - RoundRectSample05.java - ]
  1. import javax.swing.JApplet;
  2. import java.awt.BasicStroke;
  3. import java.awt.Color;
  4. import java.awt.Graphics;
  5. import java.awt.Graphics2D;
  7. public class RoundRectSample05 extends JApplet {
  8.   public void paint(Graphics g){
  9.     Graphics2D g2 = (Graphics2D)g;
  10.     g2.setColor(Color.GREEN);
  11.     float[] dash = { 20.0f, 5.0f,3.0f,5.0f };
  12.     g2.setStroke(new BasicStroke(
  13.         2.0f,
  14.         BasicStroke.JOIN_ROUND,
  15.         BasicStroke.CAP_BUTT,
  16.         1.0f,
  17.         dash,
  18.         0.0f));
  19.     g2.drawRoundRect(10, 10, 100, 100, 30, 30);
  20.   }
  21. }
[ サンプルプログラムの実行結果 ]

[ 関連ページ ]
角の丸い四角形描画（破線）のSwing版サンプル
アプレット版サンプルの他の図形描画
四角形（破線） / 円（破線） / 楕円（破線） / 直線（破線） / 連続直線（破線） / 多角形（破線） / ベジェ曲線を含む図形（破線） / 円弧（破線） / 楕円弧（破線） / 弓形（破線） / 扇形（破線）


6. 角の丸い四角形の描画（破線の輪郭線＆塗りつぶし）
[ サンプルプログラムのソースコード - RoundRectSample06.java - ]
  1. import javax.swing.JApplet;
  2. import java.awt.BasicStroke;
  3. import java.awt.Color;
  4. import java.awt.Graphics;
  5. import java.awt.Graphics2D;
  7. public class RoundRectSample06 extends JApplet {
  8.   public void paint(Graphics g){
  9.     Graphics2D g2 = (Graphics2D)g;
  10.     g2.setColor(Color.GREEN);
  11.     g2.fillRoundRect(10, 10, 100, 100, 30, 30);
  12.     g2.setColor(Color.RED);
  13.     float[] dash = { 20.0f, 5.0f,3.0f,5.0f };
  14.     g2.setStroke(new BasicStroke(
  15.         2.0f,
  16.         BasicStroke.JOIN_ROUND,
  17.         BasicStroke.CAP_BUTT,
  18.         1.0f,
  19.         dash,
  20.         0.0f));
  21.     g2.drawRoundRect(10, 10, 100, 100, 30, 30);
  22.   }
  23. }
[ サンプルプログラムの実行結果 ]

[ 関連ページ ]
角の丸い四角形描画（破線＆塗りつぶし）のSwing版サンプル
アプレット版サンプルの他の図形描画
四角形（破線＆塗りつぶし） / 円（破線＆塗りつぶし） / 楕円（破線＆塗りつぶし） / 多角形（破線＆塗りつぶし） / ベジェ曲線を含む図形（破線＆塗りつぶし） / 弓形（破線＆塗りつぶし） / 扇形（破線＆塗りつぶし）


7. 角の丸い四角形の描画（グラデーション）
[ サンプルプログラムのソースコード - RoundRectSample07.java - ]
  1. import javax.swing.JApplet;
  2. import java.awt.Color;
  3. import java.awt.GradientPaint;
  4. import java.awt.Graphics;
  5. import java.awt.Graphics2D;
  7. public class RoundRectSample07 extends JApplet {
  9.     public void paint(Graphics g){
  11.       Graphics2D g2 = (Graphics2D)g;
  12.       GradientPaint gp = new GradientPaint(10,10,Color.GREEN,100,10,Color.BLUE,true);
  13.       g2.setPaint(gp);
  14.       g2.fillRoundRect(10, 10, 100, 100, 30, 30);
  15.   
  16.     }
  18. }
[ サンプルプログラムの実行結果 ]

[ 関連ページ ]
角の丸い四角形描画（グラデーション）のSwing版サンプル
アプレット版サンプルの他の図形描画
四角形（グラデーション） / 円（グラデーション） / 楕円（グラデーション） / 多角形（グラデーション） / ベジェ曲線を含む図形（グラデーション） / 弓形（グラデーション） / 扇形（グラデーション） / グラデーションサンプル


8. 角の丸い四角形の描画（テクスチャーパターン）
[ サンプルプログラムのソースコード - RoundRectSample08.java - ]
  1. import javax.swing.JApplet;
  2. import java.awt.Color;
  3. import java.awt.Graphics;
  4. import java.awt.Graphics2D;
  5. import java.awt.Rectangle;
  6. import java.awt.TexturePaint;
  7. import java.awt.image.BufferedImage;
  9. public class RoundRectSample08 extends JApplet {
  11.   public void paint(Graphics g){
  13.     Graphics2D g2 = (Graphics2D)g;
  14.     BufferedImage bi = new BufferedImage(10,10,BufferedImage.TYPE_INT_RGB);
  15.     Graphics2D bg = bi.createGraphics();
  16.     Rectangle r = new Rectangle(0,0,10,10);
  17.     bg.setColor(Color.ORANGE);
  18.     bg.fillRect(0, 0, 10, 10);
  19.     bg.setColor(Color.BLUE);
  20.     bg.drawLine(0, 0, 10, 0);
  21.     bg.drawLine(0, 0, 0, 5);
  22.     bg.drawLine(0, 5, 10, 5);
  23.     bg.drawLine(5, 5, 5, 10);
  24.     TexturePaint tp = new TexturePaint(bi,r);
  25.     g2.setPaint(tp);
  26.     g2.fillRoundRect(10, 10, 100, 100, 30, 30);
  28.   }
  30. }
[ サンプルプログラムの実行結果 ]

[ 関連ページ ]
角の丸い四角形描画（テクスチャーパターン）のSwing版サンプル
アプレット版サンプルの他の図形描画
四角形（テクスチャーパターン） / 円（テクスチャーパターン） / 楕円（テクスチャーパターン） / 多角形（テクスチャーパターン） / ベジェ曲線を含む図形（テクスチャーパターン） / 弓形（テクスチャーパターン） / 扇形（テクスチャーパターン） / いろいろなテクスチャーパターン


9. 角の丸い四角形の描画（回転）
[ サンプルプログラムのソースコード - RoundRectSample09.java - ]
  1. import javax.swing.JApplet;
  2. import java.awt.Color;
  3. import java.awt.Graphics;
  4. import java.awt.Graphics2D;
  5. import java.awt.Rectangle;
  6. import java.awt.TexturePaint;
  7. import java.awt.geom.AffineTransform;
  8. import java.awt.geom.RoundRectangle2D;
  9. import java.awt.image.BufferedImage;
  11. public class RoundRectSample09 extends JApplet {
  13.   private static final long serialVersionUID = 1L;
  15.   public void paint(Graphics g){
  16.     Graphics2D g2 = (Graphics2D)g;
  17.     BufferedImage bi = new BufferedImage(10,10,BufferedImage.TYPE_INT_RGB);
  18.     Graphics2D bg = bi.createGraphics();
  19.     Rectangle r = new Rectangle(0,0,10,10);
  20.     bg.setColor(Color.ORANGE);
  21.     bg.fillRect(0, 0, 10, 10);
  22.     bg.setColor(Color.BLUE);
  23.     bg.drawLine(0, 0, 10, 0);
  24.     bg.drawLine(0, 0, 0, 5);
  25.     bg.drawLine(0, 5, 10, 5);
  26.     bg.drawLine(5, 5, 5, 10);
  27.     TexturePaint tp = new TexturePaint(bi,r);
  28.     g2.setPaint(tp);
  29.     AffineTransform at = new AffineTransform();
  30.     at.setToRotation(Math.toRadians(45), 75, 55);
  31.     g2.setTransform(at);
  32.     RoundRectangle2D rect = new RoundRectangle2D.Double();
  33.     rect.setRoundRect(40, 20, 70, 70, 30, 10);
  34.     g2.fill(rect);
  35.   }
  37. }
[ サンプルプログラムの実行結果 ]

[ 関連ページ ]
角の丸い四角形描画（回転）のSwing版サンプル
アプレット版サンプルの他の図形描画
四角形（回転） / 円（回転） 楕円（回転） / 多角形（回転） / ベジェ曲線を含む図形（回転） / 弓形（回転） / 扇形（回転） / アニメーションサンプル（図形の回転）




最終更新日：2019/02/13

2015-03-01からの訪問者数
　 1816 人