2015年08月04日
11. Swift入門 UIViewでグラフィックの描画 - 四角の描画編:枠線なし -
キーワード
:Xcodeの使い方 Swiftプログラミング
UIViewクラス 四角形の描画
今回の記事では、
Macのプログラミングのための
統合開発環境
(IED:Integrated Development Environment)
のXcodeを使って、
Xcode
Swift言語の入門的な内容の記事を
まとめておきます。
動画では、
コード入力で、
「 UIViewクラス 」
を利用して、
「 UIView 」の
背景の色、
「 backgroundColor 」を
「 UIColorクラス」で色の指定をして
四角形(正方形・長方形)の
グラフィックを表示させる方法
を解説しています。
Xcodeで、
iOSアプリ開発するための
設定方法がわからない方がいましたら、
︎ 3. Swift入門 iPhoneでHello World
︎ 4. Xcode(Mac)でSwift言語入門 Hello Worldプログラム
などの記事もご活用ください。
「 Single View Application」の設定方法などを
解説しています。
また、
「 CGRectMake(x, y, width, height) 」
で、長方形領域を指定する際の
iOSデバイス(iPhone6)上の、
描画と表示位置・配置の関係については、
︎ 6. Swift入門 描画と表示位置・配置の関係
の記事もご活用ください。
Swift入門 UIViewでグラフィックの描画 - 四角の描画編:枠線なし -(動画)
[ 訂正事項 ]
class ViewController: UIViewController, UITextFieldDelegate
→ class ViewController: UIViewController
[ 入力前のコード ](ViewController.swift)
import UIKit
class ViewController: UIViewController {
override func viewDidLoad() {
super.viewDidLoad()
}
override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
}
}
[ 動画で入力したコード例 ](ViewController.swift)
let sampleDrawing = UIView(frame: CGRectMake(20, 20, 100, 100))
sampleDrawing.backgroundColor = UIColor.blackColor()
view.addSubview(sampleDrawing)
* 今回は、「 let:後から変更できない変数の作成 」を利用して
「 sampleDrawing 」という
名前の変数を作成しています。
自分でわかりやすいような変数を作成してみていただければと
思います。
[ 最終的なサンプルコード ](ViewController.swift)
import UIKit
class ViewController: UIViewController {
override func viewDidLoad() {
super.viewDidLoad()
let sampleDrawing = UIView(frame: CGRectMake(20, 20, 100, 100))
sampleDrawing.backgroundColor = UIColor.blackColor()
view.addSubview(sampleDrawing)
}
override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
}
}
* コード内に全角スペースが含まれていると
エラーになりますので、
その際は、半角スペースに適宜修正してください。
四角形を描画する位置の変更、
*「 CGRectMake(x, y, width, height) 」の
xやyの値を変更
四角形の形の変更(長方形、正方形など)、
*「 CGRectMake(x, y, width, height) 」の
widthやheightの値を変更
塗りつぶす色の変更、
* 色の例.
黒色 :UIColor.blackColor()
明るい灰色:UIColor.lightGrayColor()
暗い灰色 :UIColor.darkGrayColor()
灰色 :UIColor.grayColor()
白色 :UIColor.whiteColor()
赤色 :UIColor.redColor()
緑色 :UIColor.greenColor()
黄色 :UIColor.yellowColor()
オレンジ色:UIColor.orangeColor()
今回の記事のサンプルコードを例にとると
「 sampleDrawing.backgroundColor = UIColor.redColor() 」
などいろいろと
サンプルプログラムを
変更してiOSシミュレータ上に
様々な位置や形の
四角形を表示させてみてください。
[ スポンサードリンク ]
by はじめてのコンピュータ・パソコン
︎ サイトマップ
︎ プロフィール | サイトポリシー・免責事項など
︎ CONTENTS(コンテンツ)一覧
︎ Xcode(Mac)で覚えるSwiftプログラミング入門講座
︎ Xcodeでアプリ開発講座
︎ Xcode(Mac)Swiftプログラミング・アプリ開発 関連本特集
︎ Apple Watch 特集 APPLE WATCH・SPORT・EDITION
︎ プログラミング言語関連記事(一覧)
︎ パソコン・コンピュータ学習関連サイトやサービスの情報
︎ 日本人のプログラミング学習の現在と未来 | #24 デジタルライフコラム
posted by HajimeteCPC at 10:53
| Xcode(Mac)で覚えるSwiftプログラミング