【发布时间】：2022-06-16 20:09:42
【问题描述】：
在 SwiftUI 中，如果我在字符串之间有一个网络链接，我如何创建一个超链接并在我的视图中将其加下划线。
注意，“messageContent”字符串并不总是相同的。
例如
struct MessageModel {
var messageContent: String = "Test of hyperlink www.google.co.uk within a text message"
}
struct Content: View {
var message: MessageModel
var body: some View {
VStack {
Text(message.messageContent)
}
}
}
我想要实现的图像显示在此图像中。 “www.google.co.uk”是一个可点击的超链接，并带有下划线
Example of what I want to achieve
更新我想要达到的目标
我创建了下面的测试代码来展示我想要实现的目标，因为如上所述，“messageContent”并不总是相同的字符串。
虽然以下内容对于处理所有情况和处理错误等并不完美，但希望这能更好地了解我想要实现的目标。唯一的问题是这似乎不起作用。
它会为超链接生成下划线，但文本不会以 Markdown 格式显示 - 请参阅附图。
import SwiftUI
struct HyperlinkAndUnderlineText: View {
var message: MessagesModel = MessagesModel(messageContent: "Test of hyperlink www.google.co.uk within a text message")
@State var messageContentAfterSplitting: [SplitMessage] = []
var body: some View {
CustomText(inputText: messageContentAfterSplitting)
.onAppear() {
messageContentAfterSplitting = splitMessage(message: message)
}
}
}
struct MessagesModel {
var messageContent: String = ""
}
struct SplitMessage {
var content: String = ""
var type: contentType = .text
}
enum contentType {
case text
case url
}
func splitMessage(message: MessagesModel) -> [SplitMessage] {
func detectIfMessageContainsUrl(message: String) -> [String]? {
let urlDetector = try! NSDataDetector(types: NSTextCheckingResult.CheckingType.link.rawValue)
let matches = urlDetector.matches(in: message, options: [], range: NSRange(location: 0, length: message.utf16.count))
var urls: [String] = []
for (index, match) in matches.enumerated() {
guard let range = Range(match.range, in: message) else { continue }
let url = message[range]
urls.append(String(url))
if index == matches.count - 1 {
return urls
}
}
return []
}
let urlsFoundInMessage = detectIfMessageContainsUrl(message: message.messageContent)
func getComponents(urlsFoundInMessage: [String]) -> [String] {
var componentsEitherSideOfUrl: [String] = []
for (index,url) in urlsFoundInMessage.enumerated() {
componentsEitherSideOfUrl = message.messageContent.components(separatedBy: url)
if index == urlsFoundInMessage.count - 1 {
return componentsEitherSideOfUrl
}
}
return []
}
let componentsEitherSideOfUrl = getComponents(urlsFoundInMessage: urlsFoundInMessage!)
func markdown(urlsFoundInMessage: [String]) -> [String] {
var markdownUrlsArray: [String] = []
for (index, url) in urlsFoundInMessage.enumerated() {
let placeholderText = "[\(url)]"
var url2: String
if url.hasPrefix("https://www.") {
url2 = "(\(url.replacingOccurrences(of: "https://www.", with: "https://")))"
} else if url.hasPrefix("www.") {
url2 = "(\(url.replacingOccurrences(of: "www.", with: "https://")))"
} else {
url2 = "(\(url))"
}
let markdownUrl = placeholderText + url2
markdownUrlsArray.append(markdownUrl)
if index == urlsFoundInMessage.count - 1 {
return markdownUrlsArray
}
}
return []
}
let markdownUrls = markdown(urlsFoundInMessage: urlsFoundInMessage!)
func recombineStrings(componentsEitherSideOfUrl: [String], markdownUrls: [String]) -> [SplitMessage] {
var text = SplitMessage()
var textAsArray: [SplitMessage] = []
for i in 0...2 {
if i.isMultiple(of: 2) {
if i == 0 {
text.content = componentsEitherSideOfUrl[i]
text.type = .text
textAsArray.append(text)
} else {
text.content = componentsEitherSideOfUrl[i-1]
text.type = .text
textAsArray.append(text)
}
} else {
text.content = markdownUrls[i-1]
text.type = .url
textAsArray.append(text)
}
}
return textAsArray
}
let recombinedStringArray = recombineStrings(componentsEitherSideOfUrl: componentsEitherSideOfUrl, markdownUrls: markdownUrls)
return recombinedStringArray
}
func CustomText(inputText: [SplitMessage]) -> Text {
var output = Text("")
for input in inputText {
let text: Text
text = Text(input.content)
.underline(input.type == .url ? true : false, color: .blue)
output = output + text
}
return output
}
【问题讨论】：
标签： swift text swiftui hyperlink underline