Graphics/2019/ex10
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
|
ログイン
]
開始行:
*グラフィックス基礎及び実習 2019年度 第10回 [#e9701092]
#contents
//&color(#ff0000){工事中};
**注意 [#notice]
***アイコン用画像 [#wef438fa]
今日の実習では，アイコン用にいくつか画像を用いる．
以下のものをクラスファイルと同じ場所に保存しておくこと．
-[[pochittona.png>Graphics:pochittona.png]]
-[[blackuni.jpg>Graphics:blackuni.jpg]]
-[[whiteuni.jpg>Graphics:whiteuni.jpg]]
それぞれどんな画像かは，ImageMagickのdisplayコマンドを用...
$ display pochittona.png &
***実行例の見た目について [#w604a594]
この科目のページに示されたプログラムの実行例は，Mac OS X ...
実行環境が異なれば見た目も異なる場合があるので注意．
それから，ウィンドウをキャプチャした画像をはり付けてある...
**課題A(self) 完成目標: 今回の実習終了まで [#kadaiA]
+ 講義資料 1/6 と 2/6 の上の方をよく読んでから，右のリン...
-- (?_?) なところがいっぱいあるかもしれませんが，後の講義...
+ 講義資料 6/6 の Hello クラスを作って動かしてみよう
**課題B(self) 完成目標: 今回の実習終了まで [#kadaiB]
問1,2を全てやりなさい
***問1 ぽちっとな [#gc407bbb]
&ref(https://www-tlab.math.ryukoku.ac.jp/~takataka/course...
Helloクラスを元にして，上のような見た目の得られるクラスを...
- クラス名は G10Pochi とすること．
- 「「ねこボタン」ってなんやねん」の部分は，「ラベル」で...
次の指示に従って段階的に作っていこう．(?_?) なところがい...
+ まずは Hello を元にして，文字だけのボタンとラベルが上記...
+ p.173,174の「画像の表示」のところを読んで，アイコン画像...
-- p.174 には次の誤植があるかも: (x) JButton → (o) Button
-- ImageView オブジェクトを生成するところは，次のように書...
#pre{{
Image pochi = new Image("pochittona.png"); // パスを指...
ImageView iv1 = new ImageView(pochi); // Image オブジェ...
ImageView iv2 = new ImageView(new Image("blackuni.jpg"))...
}}
--p.175 の ImageView クラスのAPI仕様の右上には「javafx.sc...
***問2 プロパティをいじる [#af61be5a]
+ 講義資料 2/6 をよく読んでから，右のリンク先のPDFファイ...
+ 上述の ImageView iv2 = ... の行の直後に次の2行を追加し...
#pre{{
System.out.println("fitWidthプロパティの値は" + iv2.getF...
System.out.println("preserveRatioプロパティの値は" + iv2...
}}
+ その直後に「iv2の fitWidth プロパティの値を 500 にする...
+ その直後に次の行を追加し，動作を確認しよう．
#pre{{
iv2.setPreserveRatio(true);
}}
+ その直後に 2. と同じ2行を再度追加し，動作確認しよう．
**課題C(TA) 締切: 次回実習開始直後 [#kadaiC]
//&color(#ff0000){工事中};
&ref(https://www-tlab.math.ryukoku.ac.jp/~takataka/course...
&ref(https://www-tlab.math.ryukoku.ac.jp/~takataka/course...
左上図のような表示をするプログラムを作成しなさい．
次のことに注意．
- クラス名は G10RadioCombo とすること．
- 左側には RadioButton のコンポーネントが2つ縦にならんで...
- このようなコンポーネント配置を実現するには，次のように...
++ 2つのRadioButton オブジェクトを生成（変数名 rb1, rb2 ...
++ それらを VBox のコンテナ（変数名 vbox とする）に入れる
#pre{{
VBox vbox = new VBox(rb1, rb2);
}}
++ vbox と ComboBox オブジェクト（変数名 cb とする）を Bo...
#pre{{
BorderPane root = new BorderPane();
root.setLeft(vbox);
root.setCenter(cb);
}}
left, center プロパティのかわりに center, right プロパテ...
++ root をシーングラフのルートノードとして Scene オブジェ...
#pre{{
Scene scene = new Scene(root);
}}
- RadioButton はデフォルトで上の方のものが選択された状態...
- 2つの RadioButton を同じ ToggleGroup に入れるのを忘れずに
- ComboBox のメニュー項目は自分で適当なものを考えればよい．
**課題S(omake) [#kadaiS]
//&color(#ff0000){工事中};
p.201 の Chart の節にあるように，JavaFX の Chart クラスの...
https://sentan.rikou.ryukoku.ac.jp/about/career/
にある数理の2018年度卒業生の就職状況データの円グラフを描...
#pre{{
ObservableList<PieChart.Data> pieChartData =
FXCollections.observableArrayList(
new PieChart.Data("教育", 31.3),
new PieChart.Data("情報通信業", 27.7),
:
}}
- クラス名は G10PieChart とすること．
- 円グラフのパイ（スライス）は12時から時計回りにすること．
- 円グラフのタイトルを「数理情報学科就職状況（2018年度卒...
- &color(red){このデータの「教育」には，各種学校の常勤・...
終了行:
*グラフィックス基礎及び実習 2019年度 第10回 [#e9701092]
#contents
//&color(#ff0000){工事中};
**注意 [#notice]
***アイコン用画像 [#wef438fa]
今日の実習では，アイコン用にいくつか画像を用いる．
以下のものをクラスファイルと同じ場所に保存しておくこと．
-[[pochittona.png>Graphics:pochittona.png]]
-[[blackuni.jpg>Graphics:blackuni.jpg]]
-[[whiteuni.jpg>Graphics:whiteuni.jpg]]
それぞれどんな画像かは，ImageMagickのdisplayコマンドを用...
$ display pochittona.png &
***実行例の見た目について [#w604a594]
この科目のページに示されたプログラムの実行例は，Mac OS X ...
実行環境が異なれば見た目も異なる場合があるので注意．
それから，ウィンドウをキャプチャした画像をはり付けてある...
**課題A(self) 完成目標: 今回の実習終了まで [#kadaiA]
+ 講義資料 1/6 と 2/6 の上の方をよく読んでから，右のリン...
-- (?_?) なところがいっぱいあるかもしれませんが，後の講義...
+ 講義資料 6/6 の Hello クラスを作って動かしてみよう
**課題B(self) 完成目標: 今回の実習終了まで [#kadaiB]
問1,2を全てやりなさい
***問1 ぽちっとな [#gc407bbb]
&ref(https://www-tlab.math.ryukoku.ac.jp/~takataka/course...
Helloクラスを元にして，上のような見た目の得られるクラスを...
- クラス名は G10Pochi とすること．
- 「「ねこボタン」ってなんやねん」の部分は，「ラベル」で...
次の指示に従って段階的に作っていこう．(?_?) なところがい...
+ まずは Hello を元にして，文字だけのボタンとラベルが上記...
+ p.173,174の「画像の表示」のところを読んで，アイコン画像...
-- p.174 には次の誤植があるかも: (x) JButton → (o) Button
-- ImageView オブジェクトを生成するところは，次のように書...
#pre{{
Image pochi = new Image("pochittona.png"); // パスを指...
ImageView iv1 = new ImageView(pochi); // Image オブジェ...
ImageView iv2 = new ImageView(new Image("blackuni.jpg"))...
}}
--p.175 の ImageView クラスのAPI仕様の右上には「javafx.sc...
***問2 プロパティをいじる [#af61be5a]
+ 講義資料 2/6 をよく読んでから，右のリンク先のPDFファイ...
+ 上述の ImageView iv2 = ... の行の直後に次の2行を追加し...
#pre{{
System.out.println("fitWidthプロパティの値は" + iv2.getF...
System.out.println("preserveRatioプロパティの値は" + iv2...
}}
+ その直後に「iv2の fitWidth プロパティの値を 500 にする...
+ その直後に次の行を追加し，動作を確認しよう．
#pre{{
iv2.setPreserveRatio(true);
}}
+ その直後に 2. と同じ2行を再度追加し，動作確認しよう．
**課題C(TA) 締切: 次回実習開始直後 [#kadaiC]
//&color(#ff0000){工事中};
&ref(https://www-tlab.math.ryukoku.ac.jp/~takataka/course...
&ref(https://www-tlab.math.ryukoku.ac.jp/~takataka/course...
左上図のような表示をするプログラムを作成しなさい．
次のことに注意．
- クラス名は G10RadioCombo とすること．
- 左側には RadioButton のコンポーネントが2つ縦にならんで...
- このようなコンポーネント配置を実現するには，次のように...
++ 2つのRadioButton オブジェクトを生成（変数名 rb1, rb2 ...
++ それらを VBox のコンテナ（変数名 vbox とする）に入れる
#pre{{
VBox vbox = new VBox(rb1, rb2);
}}
++ vbox と ComboBox オブジェクト（変数名 cb とする）を Bo...
#pre{{
BorderPane root = new BorderPane();
root.setLeft(vbox);
root.setCenter(cb);
}}
left, center プロパティのかわりに center, right プロパテ...
++ root をシーングラフのルートノードとして Scene オブジェ...
#pre{{
Scene scene = new Scene(root);
}}
- RadioButton はデフォルトで上の方のものが選択された状態...
- 2つの RadioButton を同じ ToggleGroup に入れるのを忘れずに
- ComboBox のメニュー項目は自分で適当なものを考えればよい．
**課題S(omake) [#kadaiS]
//&color(#ff0000){工事中};
p.201 の Chart の節にあるように，JavaFX の Chart クラスの...
https://sentan.rikou.ryukoku.ac.jp/about/career/
にある数理の2018年度卒業生の就職状況データの円グラフを描...
#pre{{
ObservableList<PieChart.Data> pieChartData =
FXCollections.observableArrayList(
new PieChart.Data("教育", 31.3),
new PieChart.Data("情報通信業", 27.7),
:
}}
- クラス名は G10PieChart とすること．
- 円グラフのパイ（スライス）は12時から時計回りにすること．
- 円グラフのタイトルを「数理情報学科就職状況（2018年度卒...
- &color(red){このデータの「教育」には，各種学校の常勤・...
ページ名:
![[PukiWiki]](image/blackuni3-80x80.png "[PukiWiki]")
