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

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

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

UIはUser Interfaceの略であり、人間がコンピュータとやりとりをするためのシステムです。

Swift

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

Q&A

1回答

1893閲覧

tintColorを設定してもUIImageViewのアイコンの色が期待どおりにならない

popai306

総合スコア157

UI

UIはUser Interfaceの略であり、人間がコンピュータとやりとりをするためのシステムです。

Swift

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

0グッド

0クリップ

投稿2020/11/06 12:23

編集2022/01/12 10:55

以下の通り、UIImageViewにtintColorを設定していますが、
実際iPhoneでアプリを起動してみると思った通りの色にならないです。。
しかしダークモードにすると期待通りの色になります。
ライトモードとダークモードで色が変わってしまう原因わかる方いらっしゃいますでしょうか?

Swift

1let image = UIImage(systemName: "pin.circle.fill")? 2 .withRenderingMode(.alwaysTemplate) 3 .withConfiguration(UIImage.SymbolConfiguration(pointSize: 18)) 4let icon = UIImageView() 5icon.image = image 6// UIColor.actionBlue 7// Any Appearance (r:0 g:125 b:255) 8// Dark Appearance (r:0 g:100 b:200) 9icon.tintColor = UIColor.actionBlue 10icon.contentMode = .scaleAspectFit

▼ライトモードのときのアイコン画像の色(期待通りの色ではない)
ライトモードのときのアイコン

▼ダークモードのときのアイコン(期待通りの色)
ダークモードのときのアイコン

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

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

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

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

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

TsukubaDepot

2020/11/07 12:44

どこが期待通りになって、どこが期待とちがっているのか、ご説明いただいたほうがわかりやすいかと思います(実行結果やコードを拝見する限り、コード通りの結果になっていると思われます)。
popai306

2020/11/09 08:14

ライトモードとダークモードで色が変わるという意味でした。
mskRR

2020/11/09 08:41

.actionBlue ってなんですか?
popai306

2020/11/09 09:11 編集

説明がなくすみません。 assetsに登録している色です。 Any Appearance (r:0 g:125 b:255) Dark Appearance (r:0 g:100 b:200) スクショの画像と値がズレるのはiPhoneの環境光による補正が入っているからだと思われます
mskRR

2020/11/09 13:53 編集

assetsのcolorSetって、UIColor.hogehoge で呼び出せるんですか、知りませんでした。 質問する必要があるようでしたら、何と何をどうやって比べてどういった相違があるかを詳しく書かれたほうが良いかと思います。
guest

回答1

0

錯視じゃないでしょうか。
前景色と背景色の組み合わせで、機械にとって同じ色でも人間には違って見えるものです。

color assetで色を指定しているのであれば、ダークモードとライトモードでそれぞれに色を指定できるので、見た目が思い通りになるようにそれぞれの色を指定してあげるとよいのではないかと思います。

色の錯視

投稿2020/11/10 14:13

eytyet

総合スコア803

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

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

アカウントをお持ちの方は

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

ただいまの回答率
85.50%

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

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

質問する

関連した質問