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

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

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

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

Swift

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

Q&A

解決済

1回答

866閲覧

グラデーションの開始位置を変更したい

sunglass

総合スコア303

Xcode

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

Swift

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

0グッド

0クリップ

投稿2020/08/28 06:57

NavigationBarの背景にグラデーション化したimageを置いています。
グラデーションの角度が上から下なのですが、左から右に変更したいです。

詳しい人いましたらよろしくお願いします。

イメージ説明

override func viewDidLoad() { super.viewDidLoad() // for Navigation Bar Gradation Color if let navFrame = self.navigationController?.navigationBar.frame { let newframe = CGRect(origin: CGPoint(x: 0.0, y: 1.0), size: CGSize(width: navFrame.width, height: (navFrame.height + UIApplication.shared.statusBarFrame.height) )) let image = gradientWithFrametoImage(frame: newframe, colors: [UIColor(hex: "666666").cgColor, UIColor(hex: "ffffff").cgColor])! self.navigationController?.navigationBar.barTintColor = UIColor(patternImage: image) } ... // for Navigation Bar Gradation Color func gradientWithFrametoImage(frame: CGRect, colors: [CGColor]) -> UIImage? { let gradient: CAGradientLayer = CAGradientLayer(layer: self.view.layer) gradient.frame = frame gradient.colors = colors UIGraphicsBeginImageContext(frame.size) gradient.render(in: UIGraphicsGetCurrentContext()!) let image = UIGraphicsGetImageFromCurrentImageContext() UIGraphicsEndImageContext() return image }

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

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

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

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

以下の、コメント追記箇所を追加したら左->右になりませんでしょうか。

Swift

1func gradientWithFrametoImage(frame: CGRect, colors: [CGColor]) -> UIImage? { 2 let gradient: CAGradientLayer = CAGradientLayer(layer: self.view.layer) 3 gradient.frame = frame 4 gradient.colors = colors 5 6 // 追加 START 7 // ※startPoint、endPoint を指定することでグラデーションの開始・終了位置を指定 8 // ※左端が0.0、右端が1.0として設定 9 gradient.startPoint = CGPoint.init(x: 0.0, y: 0) 10 gradient.endPoint = CGPoint.init(x: 1.0, y: 0) 11 // 追加 END 12 13 UIGraphicsBeginImageContext(frame.size) 14 gradient.render(in: UIGraphicsGetCurrentContext()!) 15 let image = UIGraphicsGetImageFromCurrentImageContext() 16 UIGraphicsEndImageContext() 17 return image 18}

以下動作結果(赤から青になるように指定した場合)
動作結果サンプル

投稿2020/08/29 14:07

tsuki01

総合スコア1751

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

sunglass

2020/08/29 15:40

出来ました! 的確な回答ありがとうございます。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.35%

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

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

質問する

関連した質問