質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
87.20%
iOS

iOSとは、Apple製のスマートフォンであるiPhoneやタブレット端末のiPadに搭載しているオペレーションシステム(OS)です。その他にもiPod touch・Apple TVにも搭載されています。

Xcode

Xcodeはソフトウェア開発のための、Appleの統合開発環境です。Mac OSXに付随するかたちで配布されています。

Swift

Swiftは、アップルのiOSおよびOS Xのためのプログラミング言語で、Objective-CやObjective-C++と共存することが意図されています

iPhone

iPhoneとは、アップル社が開発・販売しているスマートフォンです。 同社のデジタルオーディオプレーヤーiPodの機能、電話機能、インターネットやメールなどのWeb通信機能の3つをドッキングした機器です。

受付中

UILabelとUIImageViewを合成?して、1つの画像として書き出したい。

rea_sna
rea_sna

総合スコア32

iOS

iOSとは、Apple製のスマートフォンであるiPhoneやタブレット端末のiPadに搭載しているオペレーションシステム(OS)です。その他にもiPod touch・Apple TVにも搭載されています。

Xcode

Xcodeはソフトウェア開発のための、Appleの統合開発環境です。Mac OSXに付随するかたちで配布されています。

Swift

Swiftは、アップルのiOSおよびOS Xのためのプログラミング言語で、Objective-CやObjective-C++と共存することが意図されています

iPhone

iPhoneとは、アップル社が開発・販売しているスマートフォンです。 同社のデジタルオーディオプレーヤーiPodの機能、電話機能、インターネットやメールなどのWeb通信機能の3つをドッキングした機器です。

1回答

0評価

0クリップ

1869閲覧

投稿2020/05/07 10:11

編集2022/01/12 10:55

したいこと

UIImageViewで読み込んでいる画像と、その上にあるUILabelを一つの画像として書き出したいです。
イメージ説明

試したこと

さまざまな記事など読み、試しましたがあまり良くわからず、結果的に実装できていません。

コード

Swift

import UIKit class EditViewController: UIViewController, UIImagePickerControllerDelegate & UINavigationControllerDelegate { @IBOutlet weak var imageLabel: UILabel! @IBOutlet weak var fontSlider: UISlider! @IBOutlet weak var pictureView: UIImageView! // @IBOutlet weak var OpacitySlider: UISlider! // 不透明度のSlider 今後のUPD対象 override func viewDidLoad() { super.viewDidLoad() // Screen Size の取得 let screenWidth:CGFloat = view.frame.size.width let screenHeight:CGFloat = view.frame.size.height // Labelのフレームを設定 imageLabel.frame = CGRect(x:0, y:0, width:343, height:110) // Labelをスクリーン中央に設定 imageLabel.center = CGPoint(x:screenWidth/2, y:screenHeight/2) // タッチ操作を enable imageLabel.isUserInteractionEnabled = true self.view.addSubview(imageLabel) // Do any additional setup after loading the view. } // 画面にタッチで呼ばれる override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) { print("touchesBegan") } // ドラッグ時に呼ばれる override func touchesMoved(_ touches: Set<UITouch>, with event: UIEvent?) { // タッチイベントを取得 let touchEvent = touches.first! // ドラッグ前の座標, Swift 1.2 から let preDx = touchEvent.previousLocation(in: self.view).x let preDy = touchEvent.previousLocation(in: self.view).y // ドラッグ後の座標 let newDx = touchEvent.location(in: self.view).x let newDy = touchEvent.location(in: self.view).y // ドラッグしたx座標の移動距離 let dx = newDx - preDx print("x:(dx)") // ドラッグしたy座標の移動距離 let dy = newDy - preDy print("y:(dy)") // 画像のフレーム var viewFrame: CGRect = imageLabel.frame // 移動分を反映させる viewFrame.origin.x += dx viewFrame.origin.y += dy imageLabel.frame = viewFrame self.view.addSubview(imageLabel) } override func didReceiveMemoryWarning() { super.didReceiveMemoryWarning() } @IBAction func EditText(_ sender: Any) {       // < 省略 > } @IBAction func fontSliderAction(_ sender: UISlider) { print(sender.value) imageLabel.font = imageLabel.font.withSize(CGFloat(Int(sender.value))) } @IBAction func Save(_ sender: UIBarButtonItem) { } @IBAction func addButton(_ sender: Any) { // < 省略 >   } }

ストーリーボードは以下のような感じです。
イメージ説明 

補足

Xcode 11.4.1
Development target iOS 12.0

些細なことやアドバイス、記事などでも構いませんので、ご教授よろしくお願いいたします...

[追記 2020/06/06]

コメント欄でご指摘いただいた、self.view.addSubview(imageLabel)imageView.addSubview(lblView)に修正することで、
文字と写真の合成をすることができました。

フォトライブラリ等から取得した画像を保存する際に、
現在はUIImageViewのいらない部分(わかりやすくするために青くしています)も一緒に保存されてしまうので、(以下1枚目の画像)
フォトライブラリ等から取得した段階で、取得した画像にUImageViewの縦横比を合わせるなどの処理をした上で保存したいと思っています。(イメージ画像、以下2枚目のもの)
ビフォー アフター

現在のUIImageViewのサイズ設定は以下の通りです。
今のところ、AutoLayoutはまだ設定していません。
イメージ説明

良い質問の評価を上げる

以下のような質問は評価を上げましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

気になる質問をクリップする

クリップした質問は、後からいつでもマイページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

  • プログラミングに関係のない質問
  • やってほしいことだけを記載した丸投げの質問
  • 問題・課題が含まれていない質問
  • 意図的に内容が抹消された質問
  • 過去に投稿した質問と同じ内容の質問
  • 広告と受け取られるような投稿

評価を下げると、トップページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

まだ回答がついていません

会員登録して回答してみよう

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
87.20%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

同じタグがついた質問を見る

iOS

iOSとは、Apple製のスマートフォンであるiPhoneやタブレット端末のiPadに搭載しているオペレーションシステム(OS)です。その他にもiPod touch・Apple TVにも搭載されています。

Xcode

Xcodeはソフトウェア開発のための、Appleの統合開発環境です。Mac OSXに付随するかたちで配布されています。

Swift

Swiftは、アップルのiOSおよびOS Xのためのプログラミング言語で、Objective-CやObjective-C++と共存することが意図されています

iPhone

iPhoneとは、アップル社が開発・販売しているスマートフォンです。 同社のデジタルオーディオプレーヤーiPodの機能、電話機能、インターネットやメールなどのWeb通信機能の3つをドッキングした機器です。