UITextViewとUITextFieldで1つの単語の色を変更することはできますか?
記号が前に付いた単語(例:@word)を入力した場合、色を変更できますか?
UITextViewとUITextFieldで1つの単語の色を変更することはできますか?
記号が前に付いた単語(例:@word)を入力した場合、色を変更できますか?
はい、そのために使用する必要があります。RunningAppHereNSAttributedString
を見つけてください。
単語をスキャンして単語の範囲を見つけ、その色を変更します。
編集:
- (IBAction)colorWord:(id)sender {
NSMutableAttributedString * string = [[NSMutableAttributedString alloc]initWithString:self.text.text];
NSArray *words=[self.text.text componentsSeparatedByString:@" "];
for (NSString *word in words) {
if ([word hasPrefix:@"@"]) {
NSRange range=[self.text.text rangeOfString:word];
[string addAttribute:NSForegroundColorAttributeName value:[UIColor redColor] range:range];
}
}
[self.text setAttributedText:string];
}
編集2:スクリーンショットを参照してください
これは@AnoopVaidyaの回答からの迅速な実装です。この関数は、{| myword |}の間の単語を検出し、これらの単語を赤で色付けして特殊文字を削除します。これが他の誰かに役立つことを願っています。
func getColoredText(text:String) -> NSMutableAttributedString{
var string:NSMutableAttributedString = NSMutableAttributedString(string: text)
var words:[NSString] = text.componentsSeparatedByString(" ")
for (var word:NSString) in words {
if (word.hasPrefix("{|") && word.hasSuffix("|}")) {
var range:NSRange = (string.string as NSString).rangeOfString(word)
string.addAttribute(NSForegroundColorAttributeName, value: UIColor.redColor(), range: range)
word = word.stringByReplacingOccurrencesOfString("{|", withString: "")
word = word.stringByReplacingOccurrencesOfString("|}", withString: "")
string.replaceCharactersInRange(range, withString: word)
}
}
return string
}
あなたはそれをこのように使うことができます:
self.msgText.attributedText = self.getColoredText("i {|love|} this!")
swift 2.0に対する@fareedの回答を変更し、これは機能しています(遊び場でテスト済み):
func getColoredText(text: String) -> NSMutableAttributedString {
let string:NSMutableAttributedString = NSMutableAttributedString(string: text)
let words:[String] = text.componentsSeparatedByString(" ")
var w = ""
for word in words {
if (word.hasPrefix("{|") && word.hasSuffix("|}")) {
let range:NSRange = (string.string as NSString).rangeOfString(word)
string.addAttribute(NSForegroundColorAttributeName, value: UIColor.redColor(), range: range)
w = word.stringByReplacingOccurrencesOfString("{|", withString: "")
w = w.stringByReplacingOccurrencesOfString("|}", withString: "")
string.replaceCharactersInRange(range, withString: w)
}
}
return string
}
getColoredText("i {|love|} this!")
@fareednamroutiの実装がSwift3で書き直されました
func getColoredText(text: String) -> NSMutableAttributedString {
let string:NSMutableAttributedString = NSMutableAttributedString(string: text)
let words:[String] = text.components(separatedBy:" ")
var w = ""
for word in words {
if (word.hasPrefix("{|") && word.hasSuffix("|}")) {
let range:NSRange = (string.string as NSString).range(of: word)
string.addAttribute(NSForegroundColorAttributeName, value: UIColor.red, range: range)
w = word.replacingOccurrences(of: "{|", with: "")
w = w.replacingOccurrences(of:"|}", with: "")
string.replaceCharacters(in: range, with: w)
}
}
return string
}
-(void)colorHashtag
{
NSMutableAttributedString * string = [[NSMutableAttributedString alloc]initWithString:textView.text];
NSString *str = textView.text;
NSError *error = nil;
//I Use regex to detect the pattern I want to change color
NSRegularExpression *regex = [NSRegularExpression regularExpressionWithPattern:@"#(\\w+)" options:0 error:&error];
NSArray *matches = [regex matchesInString:textView.text options:0 range:NSMakeRange(0, textView.text.length)];
for (NSTextCheckingResult *match in matches) {
NSRange wordRange = [match rangeAtIndex:0];
[string addAttribute:NSForegroundColorAttributeName value:[UIColor redColor] range:wordRange];
}
[textView setAttributedText:string];
}
Jamal Kharratの答えを詳しく説明し、それをSWIFTに書き直すには、UITextViewでそれを行う方法を次に示します。
SWIFTで記述されたJamalの関数は次のとおりです。
func colorHastag(){
var string:NSMutableAttributedString = NSMutableAttributedString(string: textView.text)
var str:NSString = textView.text
var error:NSError?
var match:NSTextCheckingResult?
var regEx:NSRegularExpression = NSRegularExpression(pattern: "#(\\w+)", options: nil, error: &error)!
var matches:NSArray = regEx.matchesInString(textView.text, options: nil, range: NSMakeRange(0, countElements(textView.text)))
for (match) in matches {
var wordRange:NSRange = match.rangeAtIndex(0)
string.addAttribute(NSForegroundColorAttributeName, value: UIColor.blueColor(), range: wordRange)
}
textView.attributedText = string
}
次に、この関数を呼び出す必要があります。ユーザーが文字を入力するたびにこれを行うには、次を使用できます。
func textView(textView: UITextView, shouldChangeTextInRange range: NSRange, replacementText text: String) -> Bool {
self.colorHastag()
return true
}
色を青に変更したことに気付くでしょう。任意の色に設定できます。また、すべての変数の:Typeを取り除くことができます。また、becomeFirstResponder()を設定し、優れたユーザーエクスペリエンスのためにresignFirstResponder()を処理することもできます。エラー処理をスローすることもできます。これはハッシュタグのみを青に変換します。@を処理するには、正規表現を変更または追加する必要があります。
解決策は次のとおりです。
NSMutableAttributedString *attributedString = [[NSMutableAttributedString alloc] init];
NSArray *words=[txtDescription.text componentsSeparatedByString:@" "];
for (NSString *word in words)
{
if ([word hasPrefix:@"@"] || [word hasPrefix:@"#"])
{
[attributedString appendAttributedString:[[NSAttributedString alloc] initWithString:[NSString stringWithFormat:@"%@ ", word]
attributes:@{NSFontAttributeName: [UIFont fontWithName:FONT_LIGHT size:15],
NSForegroundColorAttributeName: [ImageToolbox colorWithHexString:@"f64d5a"]}]];
}
else // normal text
{
[attributedString appendAttributedString:[[NSAttributedString alloc] initWithString:[NSString stringWithFormat:@"%@ ", word]
attributes:@{NSFontAttributeName: [UIFont fontWithName:FONT_LIGHT size:15],
NSForegroundColorAttributeName: [ImageToolbox colorWithHexString:@"3C2023"]}]];
}
}
if([[attributedString string] hasSuffix:@" "]) // loose the last space
{
NSRange lastCharRange;
lastCharRange.location=0;
lastCharRange.length=[attributedString string].length-1;
attributedString=[[NSMutableAttributedString alloc] initWithAttributedString:[attributedString attributedSubstringFromRange:lastCharRange]];
}
[txtDescription setAttributedText:attributedString];
はい、可能です。NSMutableAttributesString
ただし、Swiftで使用しようとすると頭痛の種になる可能性があることがわかりましたRange
。以下のコードは、Range
クラスを使用する必要があることを回避し、異なる色で強調表示された単語を含む属性付き文字列を返します。
extension String {
func getRanges(of string: String) -> [NSRange] {
var ranges:[NSRange] = []
if contains(string) {
let words = self.components(separatedBy: " ")
var position:Int = 0
for word in words {
if word.lowercased() == string.lowercased() {
let startIndex = position
let endIndex = word.characters.count
let range = NSMakeRange(startIndex, endIndex)
ranges.append(range)
}
position += (word.characters.count + 1) // +1 for space
}
}
return ranges
}
func highlight(_ words: [String], this color: UIColor) -> NSMutableAttributedString {
let attributedString = NSMutableAttributedString(string: self)
for word in words {
let ranges = getRanges(of: word)
for range in ranges {
attributedString.addAttributes([NSForegroundColorAttributeName: color], range: range)
}
}
return attributedString
}
}
使用法:
// The strings you're interested in
let string = "The dog ran after the cat"
let words = ["the", "ran"]
// Highlight words and get back attributed string
let attributedString = string.highlight(words, this: .yellow)
// Set attributed string
textView.attributedText = attributedString
attributedtextを設定した後、UITextView
入力フィールドに必要な値を使用してのtypingAttributesを設定できます。
NSDictionary *attribs = @{
NSForegroundColorAttributeName:[UIColor colorWithHex:kUsernameColor],
NSFontAttributeName:[UIFont robotoRegularWithSize:40]
};
self.textView.typingAttributes = attribs;