1. HOME
  2. »
  3. プログラミング・Web
  4. »
  5. Swift
  6. »
  7. 【Xcode7】Swift2でMacアプリ開発。画像を読み込む為のボタンを作る。

【Xcode7】Swift2でMacアプリ開発。画像を読み込む為のボタンを作る。

犬も歩けば棒にあたる。だからRは歩かない。@It_is_Rです。

最近はSwiftの記事が多いと思っている人もいるのでは無いでしょうか。実はRは現在、Swiftを使ってゲーム開発のお助けアプリを作ろうかなと思っています。
二つほどゲームを同時開発中なのですが、ゲームを作っていて悩むところが結構あるのです。まず、登場キャラが多いと、その設定の管理が大変ということです。

そこで、キャラ設定に役立つ、キャラクター管理ソフトを今回から順番に作っていこうと思います。
完成すればキャラ設定がやりやすくなること間違いなしだね。

では、Xcode7を開き、新規プロジェクトを作り、Cocoa Applicationを選んでください。Project Nameは「CharApp」。言語はもちろんSwiftとしました。
Storyboardは使おうと思うので、Use Storyboardにチェックを入れておきましょう。

画像を読み込むプログラム

それでは、画像を読み込むプログラムを作っていきたいと思います。

それぞれのパーツを配置する

まず、それぞれのパーツを配置してしまいましょう。
まずは「Push Button」をドラッグして、ビューに表示させます。
Xcode35

次に、「Image View」をドラッグします。
Xcode36

Image Viewの大きさを調節します。
Xcode37

パーツをソースに繋ぐ

では、「controlキー」を押しながら、ViewControllerクラスの一番上に「Image View」をドラッグします。
Nameは「screenImg」にしました。
Xcode38

同じ様に、「controlキー」を押しながら、ViewControllerクラスの一番上に「Button」をドラッグします。
Connectionは「Action」に変更します。Nameは「openImg」にしました。
Xcode39

プログラムを書く

では、たった今作った、openImgメソッドの中に、次のプログラムを書いていきます。

let file: NSOpenPanel = NSOpenPanel()
file.allowsMultipleSelection = false    //ファイルを複数選択できるかどうか
file.canChooseFiles = true              //ファイルを選択できるかどうか
file.canCreateDirectories = true        //新しいフォルダを作れるかどうか
file.runModal()                         //ファイルを開く為のパネル表示
       
let openfile = file.URL
if(openfile != nil) {
    screenImg.image = NSImage(contentsOfURL: openfile!)
}

実行する

最後に、実行してみましょう。
Xcode40

Buttonをクリックします。
すると、自分のMacに入っている画像を読み込むパネルが表示されました。何か画像を開きます。
Xcode41

この様に、ウィンドウに自分のMac内の画像を開くことができました。
Xcode42

スポンサードリンク

関連コンテンツ

オススメ記事

【Gitの使い方 – その4】ブランチを使って履歴を分岐させる方法

エビの殻や、ポテチ、煮干しなどを食べると、必ずと言っていいほど口が血だらけになります。@It_is_Rです。 さて、Gitの使い方4回目の今回は、ブランチについてです。 ブランチは作業を枝分か

webpack-dev-serverの基本的な使い方と設定方法の詳しい解説

あとで見ようとブラウザのタブを開きすぎて、どれがどれだか分からなくなる@It_is_Rです。 webpack-dev-serverを使えば、とても簡単にwebpackでの開発サーバーを立ち上げる

【Android Studio】 GridLayout の使い方。複雑なレイアウトを表現する方法

スマホの充電がいつの間にか無くなっている@It_is_Rです。 Androidアプリ開発、10回目となりました。 前回、様々なレイアウトの使い方を紹介しましたが、今回はその中でもちょっと難しい

文字を表示するクラスを作ろう!

小学生からのJavaScript。文字を表示するクラスを作ってみよう!

小学生からのJavaScript講座です。 このシリーズでは、ゲームをつくりながらJavaScriptの使い方を学んでいきます。 シリーズの一覧はこちらをご覧ください。 さて、ゲーム作成で重

FC2 blog customize

FC2ブログ ”最強” カスタマイズ入門講座。ブログ全体の幅を変更。

現実社会では殆ど言葉を発しない@It_is_Rです。だって、厄介なことになりたくないじゃん。 今回も前回に引き続き、FC2ブログカスタマイズの記事です。前回、ヘッダーのサイズを変更しましたが、ブ

wordpress

WordPress管理画面のテーマカスタマイザーに独自の項目を追加。

WordPressみたいに私自身の人生もカスタムできたらいいのに。@It_is_Rです。 WordPressのカスタマイズは、公開しているサイトだけではありません。 管理画面をカスタマイズする

java

Eclipseによる、Javaでじゃんけんゲームプログラムの作り方

※追記(2018/8/29) より分かりやすい記事になるよう修正しました。 今回はJavaを使って、じゃんけんゲームを作る方法を紹介します。 eclipseがインストールされ

【Gitの使い方 – その2】GitをMacにインストールする方法!

いらないファイルは残っているのに、欲しいファイルに限って見つからない@It_is_Rです。 Gitの使い方、第2回目の今回はGitをMacにインストールする方法を紹介します。

【 WordPress 】functions.php で色んな機能を使ってみよう!【基本】

馬鹿は風邪を引かないといいますが、どうやら引いたようです。@It_is_Rです。 ちなみに、「馬鹿は風邪を引かない」ということわざは、「馬鹿は風邪を引いても気がつかない」という例えだって知ってました

【CSS設計】ボタンを作って覚える。機能ごとに分けて作る重要性。

手が回らない、頭が回らない、口が回らない。@It_is_Rです。 CSSはある程度大雑把に書いても動かすことができます。しかし、CSSを覚える上で一番難しい部分と言えばCSS設計でしょう。 パ

コメントをどうぞ!

メールアドレスが公開されることはありません。