web-dev-qa-db-ja.com

UITextViewで自動検出されたリンクの色を変更できますか?

電話番号とリンクを検出するUITextViewがありましたが、これは私のfontColorをオーバーライドし、blueColorに変更します。自動検出されたリンクの色をフォーマットする方法はありますか、またはこの関数の手動バージョンを試す必要がありますか?

110
Leandro Alves

IOS 7では、tintColorUITextViewを設定できます。リンクの色、カーソル行、選択したテキストの色に影響します。

iOS 7では、UITextViewと呼ばれるlinkTextAttributesという新しいプロパティも追加され、リンクスタイルを完全に制御できるようになります。

156
stonemonk

UITextViewを使用する代わりに、UIWebViewを使用して、「自動検出リンク」を有効にしました。リンクの色を変更するには、タグの通常のCSSを作成します。

私はこのようなものを使用しました:

NSString * htmlString = [NSString stringWithFormat:@"<html><head><script> document.ontouchmove = function(event) { if (document.body.scrollHeight == document.body.clientHeight) event.preventDefault(); } </script><style type='text/css'>* { margin:0; padding:0; } p { color:black; font-family:Helvetica; font-size:14px; } a { color:#63B604; text-decoration:none; }</style></head><body><p>%@</p></body></html>", [update objectForKey:@"text"]];
webText.delegate = self;
[webText loadHTMLString:htmlString baseURL:nil];
40
Leandro Alves

UIAppearanceプロトコルを使用して、すべてのテキストビューに変更を適用できます。

Swift 4.x:

_UITextView.appearance().linkTextAttributes = [ .foregroundColor: UIColor.red ]
_

Swift 3.x:

_UITextView.appearance().linkTextAttributes = [ NSForegroundColorAttributeName: UIColor.red ]
_

Swift 2.x:

_UITextView.appearance().linkTextAttributes = [ NSForegroundColorAttributeName: UIColor.redColor() ]
_

Objective-C:

_[UITextView appearance].linkTextAttributes = @{ NSForegroundColorAttributeName : UIColor.redColor };
_

UITextViewの外観は文書化されていませんが、うまく機能します。

UIAppearanceの注意事項に注意してください:

iOSは、ビューがウィンドウに入るときに外観の変更を適用しますが、既にウィンドウにあるビューの外観は変更しません。現在ウィンドウ内にあるビューの外観を変更するには、ビュー階層からビューを削除してから元に戻します。

言い換えると、このコードをinit()またはinit(coder:)メソッドで呼び出すwill UIオブジェクトの外観を変更するが、loadView()で呼び出す、またはviewControllerのviewDidLoad()ない
アプリケーション全体の外観を設定する場合は、application(_:didFinishLaunchingWithOptions:)がそのようなコードを呼び出すのに適しています。

31
Grubas

次の方法で、TextViewのハイパーリンクの色を変更できます。

Nibファイルで、[プロパティ]ウィンドウに移動し、色合いを任意の色に変更できます。

または、以下のコードを使用してプログラムで行うこともできます

[YOURTEXTVIEW setTintColor:[UIColor whiteColor]];
12
Manju

UITextView linkTextAttributesの問題は、自動検出されたすべてのリンクに適用されることです。異なるリンクに異なる属性を持たせたい場合はどうしますか?

テキストビューの属性付きテキストの一部としてリンクを構成しますおよびlinkTextAttributesを空の辞書に設定

IOS 11の例/ Swift 4:

// mas is the mutable attributed string we are forming...
// ... and we're going to use as the text view's `attributedText`
mas.append(NSAttributedString(string: "LINK", attributes: [
    NSAttributedStringKey.link : URL(string: "https://www.Apple.com")!,
    NSAttributedStringKey.foregroundColor : UIColor.green,
    NSAttributedStringKey.underlineStyle : NSUnderlineStyle.styleSingle.rawValue
]))
// ...
self.tv.attributedText = mas
// this is the important thing:
self.tv.linkTextAttributes = [:]
10
matt

色合いはストーリーボードでもできます

enter image description here

4
Ryan Heitner

私は確かに別の方法を見つけましたwebviewを使用せずにですが、これはプライベートAPIを使用し、appstoreで拒否される可能性があることに注意してください:

編集:私のアプリはAppleがプライベートAPIを使用しているにもかかわらず承認されました!

まず、メソッドを使用してUITextViewでカテゴリを宣言します

- (id)contentAsHTMLString;
- (void)setContentToHTMLString:(id)arg1;

彼らはただ次のことをしています:

- (id)contentAsHTMLString;
{
    return [super contentAsHTMLString];
}

- (void)setContentToHTMLString:(id)arg1;
{
    [super setContentToHTMLString:arg1];
}

次に、カラフルなリンクのメソッドを記述します。

- (void) colorfillLinks;
{
    NSString *contentString = [self.textViewCustomText contentAsHTMLString];
    contentString = [contentString stringByReplacingOccurrencesOfString:@"x-Apple-data-detectors=\"true\""
                                         withString:@"x-Apple-data-detectors=\"true\" style=\"color:white;\""];
    [self.textViewCustomText setContentToHTMLString:contentString];
}

すべてのタイプのリンクでスタイル属性を特定の色で設定します。

UITextViewはdivのようにWebiviewとしてレンダリングされるため、さらに進んで各リンクタイプを個別に色付けすることもできます。

<div><a href="http://www.Apple.com" x-Apple-data-detectors="true" style="color:white;" x-Apple-data-detectors-type="link" x-Apple-data-detectors-result="0">http://www.Apple.com</a></div>

x-Apple-data-detectors-type="link"は、リンクの正確なタイプのインジケータです

[〜#〜] edit [〜#〜]

iOS7thisは機能しなくなりました。 iOS7では、色合いの色を設定することにより、UITextViewsのリンクの色を簡単に変更できます。電話しないでください

- (id)contentAsHTMLString;

もう例外が発生します。 iOS 7以下をサポートする場合は、代わりに以下を実行します。

- (void) colorfillLinks;
{
if ([[[UIDevice currentDevice] systemVersion] floatValue] >= 7) {
    self.tintColor = [UIColor colorWithRed:79.0/255.0
                                     green:168.0/255.0
                                      blue:224.0/255.0
                                     alpha:1.0];
} else if(![self isFirstResponder ]) {
    NSString *contentString = [self contentAsHTMLString];
    contentString = [contentString stringByReplacingOccurrencesOfString:@"x-Apple-data-detectors=\"true\""
                                                             withString:@"x-Apple-data-detectors=\"true\" style=\"color:#DDDDDE;\""];
    [self setContentToHTMLString:contentString];

}
}
3
Alexander

編集:UITextViewを使用せず、代わりにUIWebViewを使用します。

そのためにスタイルシートを作成する必要があります。必要な色の組み合わせでクラスを定義します-

.headercopy {
 font-family: "Helvetica";
 font-size: 14px;
 line-height: 18px;
 font-weight:bold;
 color: #25526e;
}
a.headercopy:link {
 color:#ffffff;
 text-decoration:none;
}
a.headercopy:hover {
 color:#00759B;
 text-decoration:none;
}
a.headercopy:visited {
 color:#ffffff;
 text-decoration:none;
} 
a.headercopy:hover {
 color:#00759B;
 text-decoration:none;
}

次のように、HTMLページに「headercopy」クラスを使用します。

<b>Fax:</b><a href="tel:646.200.7535" class="headercopy"> 646-200-7535</a><br />

これにより、クリック機能で必要な色で電話番号が表示されます。

1
Vaibhav Saran

このコードは、I-Phoneの電話番号の色を設定しますが、自動呼び出しリンクを無効にします。

<div><a href="#" x-Apple-data-detectors="true" style="color:white;" x-Apple-data-detectors-type="link" x-Apple-data-detectors-result="0">p&nbsp;&nbsp;0232 963 959</a></div>
0
Mark Overton