草庐IT

iphone - 如何检查 UILabel 文本是否被触摸?

coder 2023-07-27 原文

我想检查我的 UILabel 是否被触摸。但我需要的不止这些。文字被触动了吗?现在,如果使用以下方法触摸了 UILabel 帧,我只会得到真/假:

- (void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event
{
    UITouch *touch = [[event allTouches] anyObject];
    if (CGRectContainsPoint([self.currentLetter frame], [touch locationInView:self.view]))
    {
        NSLog(@"HIT!");
    }
}

有没有办法检查这个?只要我触摸 UILabel 中字母之外的某个地方,我就希望返回 false。

我想知道实际黑色渲染的“文本像素”何时被触摸。

谢谢!

最佳答案

tl;博士:您可以点击测试文本的路径。 Gist is available here .

我会采用的方法是检查点击点是否在文本路径内。在详细介绍之前,让我为您概述一下这些步骤。

  • 子类 UILabel
  • 使用Core Text获取文本的CGPath
  • 覆盖 pointInside:withEvent:能够确定一个点是否应该被考虑在内部。
  • 使用任何“正常”触摸处理(例如点击手势识别器)来了解何时进行了点击。

  • 这种方法的一大优点是它精确地遵循字体,并且您可以修改路径以增加“可点击”区域,如下所示。黑色和橙色部分都是可点击的,但标签中只会绘制黑色部分。



    子类 UILabel

    我创建了一个 UILabel 的子类叫 TextHitTestingLabel并为文本路径添加了一个私有(private)属性。
    @interface TextHitTestingLabel (/*Private stuff*/)
    @property (assign) CGPathRef textPath;
    @end
    

    由于 iOS 标签可以有 textattributedText所以我对这两个方法进行了子类化,并让它们调用一个方法来更新文本路径。
    - (void)setText:(NSString *)text {
        [super setText:text];
    
        [self textChanged];
    }
    
    - (void)setAttributedText:(NSAttributedString *)attributedText {
        [super setAttributedText:attributedText];
    
        [self textChanged];
    }
    

    此外,可以从 NIB/ Storyboard创建标签,在这种情况下,文本将立即设置。在这种情况下,我会检查从 Nib 唤醒的初始文本。
    - (void)awakeFromNib {
        [self textChanged];
    }
    

    使用 Core Text 获取文本的路径

    Core Text 是一个低级框架,可让您完全控制文本呈现。您必须添加 CoreText.framework到您的项目并将其导入到您的文件中
    #import <CoreText/CoreText.h>
    

    我在里面做的第一件事textChanged是获取文本。根据是 iOS 6 或更早版本,我还必须检查属性文本。一个标签将只有其中之一。
    // Get the text
    NSAttributedString *attributedString = nil;
    if ([self respondsToSelector:@selector(attributedText)]) { // Available in iOS 6
        attributedString = self.attributedText; 
    }
    if (!attributedString) { // Either earlier than iOS6 or the `text` property was set instead of `attributedText`
        attributedString = [[NSAttributedString alloc] initWithString:self.text
                                                           attributes:@{NSFontAttributeName: self.font}];
    }
    

    接下来,我为所有字母字形创建一个新的可变路径。
    // Create a mutable path for the paths of all the letters.
    CGMutablePathRef letters = CGPathCreateMutable();
    

    核心文本“魔法”

    核心文本适用于文本行和字形以及字形运行。例如,如果我有文本:“Hello”,其属性类似于“ Hel lo”(为了清晰起见,添加了空格)。那么这将是一行带有两个字形运行的文本:一个粗体和一个常规。第一个字形运行包含 3 个字形,第二个运行包含 2 个字形。

    我列举了所有的字形运行和它们的字形,并用 CTFontCreatePathForGlyph() 得到了路径。 .然后将每个单独的字形路径添加到可变路径中。
    // Create a line from the attributed string and get glyph runs from that line
    CTLineRef line = CTLineCreateWithAttributedString((CFAttributedStringRef)attributedString);
    CFArrayRef runArray = CTLineGetGlyphRuns(line);
    
    // A line with more then one font, style, size etc will have multiple fonts.
    // "Hello" formatted as " *Hel* lo " (spaces added for clarity) is two glyph
    // runs: one italics and one regular. The first run contains 3 glyphs and the
    // second run contains 2 glyphs.
    // Note that " He *ll* o " is 3 runs even though "He" and "o" have the same font.
    for (CFIndex runIndex = 0; runIndex < CFArrayGetCount(runArray); runIndex++)
    {
        // Get the font for this glyph run.
        CTRunRef run = (CTRunRef)CFArrayGetValueAtIndex(runArray, runIndex);
        CTFontRef runFont = CFDictionaryGetValue(CTRunGetAttributes(run), kCTFontAttributeName);
    
        // This glyph run contains one or more glyphs (letters etc.)
        for (CFIndex runGlyphIndex = 0; runGlyphIndex < CTRunGetGlyphCount(run); runGlyphIndex++)
        {
            // Read the glyph itself and it position from the glyph run.
            CFRange glyphRange = CFRangeMake(runGlyphIndex, 1);
            CGGlyph glyph;
            CGPoint position;
            CTRunGetGlyphs(run, glyphRange, &glyph);
            CTRunGetPositions(run, glyphRange, &position);
    
            // Create a CGPath for the outline of the glyph
            CGPathRef letter = CTFontCreatePathForGlyph(runFont, glyph, NULL);
            // Translate it to its position.
            CGAffineTransform t = CGAffineTransformMakeTranslation(position.x, position.y);
            // Add the glyph to the 
            CGPathAddPath(letters, &t, letter);
            CGPathRelease(letter);
        }
    }
    CFRelease(line);
    

    与常规 UIView 坐标系统相比,核心文本坐标系统是颠倒的,所以我然后翻转路径以匹配我们在屏幕上看到的内容。
    // Transform the path to not be upside down
    CGAffineTransform t = CGAffineTransformMakeScale(1, -1); // flip 1
    CGSize pathSize = CGPathGetBoundingBox(letters).size; 
    t = CGAffineTransformTranslate(t, 0, -pathSize.height); // move down
    
    // Create the final path by applying the transform
    CGPathRef finalPath = CGPathCreateMutableCopyByTransformingPath(letters, &t);
    
    // Clean up all the unused path
    CGPathRelease(letters);
    
    self.textPath = finalPath;
    

    现在我有一个完整的 CGPath 标签文本。

    覆盖 pointInside:withEvent:
    要自定义标签认为在其内部的点,我会覆盖 point inside 并检查该点是否在文本路径内。 UIKit 的其他部分将调用此方法进行 HitTest 。
    // Override -pointInside:withEvent to determine that ourselves.
    - (BOOL)pointInside:(CGPoint)point withEvent:(UIEvent *)event {
        // Check if the points is inside the text path.
        return CGPathContainsPoint(self.textPath, NULL, point, NO);
    }
    

    正常触摸处理

    现在一切都设置为正常触摸处理。我在 NIB 中的标签中添加了一个点击识别器,并将其连接到我的 View Controller 中的一个方法。
    - (IBAction)labelWasTouched:(UITapGestureRecognizer *)sender {
        NSLog(@"LABEL!");
    }
    

    这就是全部。如果您一直向下滚动到这里并且不想将不同的代码段粘贴在一起,我有 the entire .m file in a Gist that you can download and use .

    请注意,与触摸的精度 (44px) 相比,大多数字体非常非常薄,当触摸被认为是“未命中”时,您的用户很可能会非常沮丧。话虽如此:快乐编码!

    更新:

    为了对用户稍微好一点,您可以描边用于 HitTest 的文本路径。这提供了一个更大的区域,可以点击,但仍然给人一种你正在点击文本的感觉。
    CGPathRef endPath = CGPathCreateMutableCopyByTransformingPath(letters, &t);
    
    CGMutablePathRef finalPath = CGPathCreateMutableCopy(endPath);
    CGPathRef strokedPath = CGPathCreateCopyByStrokingPath(endPath, NULL, 7, kCGLineCapRound, kCGLineJoinRound, 0);
    CGPathAddPath(finalPath, NULL, strokedPath);
    
    // Clean up all the unused paths
    CGPathRelease(strokedPath);
    CGPathRelease(letters);
    CGPathRelease(endPath);
    
    self.textPath = finalPath;
    

    现在下图中的橙色区域也将可以点击。这仍然感觉就像您在触摸文本,但对您的应用程序用户来说并不那么烦人。

    如果你愿意,你可以更进一步,让点击文本更容易,但在某些时候,它会感觉整个标签都是可点击的。

    关于iphone - 如何检查 UILabel 文本是否被触摸?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17259964/

    有关iphone - 如何检查 UILabel 文本是否被触摸?的更多相关文章

    1. ruby - 如何使用 Nokogiri 的 xpath 和 at_xpath 方法 - 2

      我正在学习如何使用Nokogiri,根据这段代码我遇到了一些问题:require'rubygems'require'mechanize'post_agent=WWW::Mechanize.newpost_page=post_agent.get('http://www.vbulletin.org/forum/showthread.php?t=230708')puts"\nabsolutepathwithtbodygivesnil"putspost_page.parser.xpath('/html/body/div/div/div/div/div/table/tbody/tr/td/div

    2. ruby - 如何从 ruby​​ 中的字符串运行任意对象方法? - 2

      总的来说,我对ruby​​还比较陌生,我正在为我正在创建的对象编写一些rspec测试用例。许多测试用例都非常基础,我只是想确保正确填充和返回值。我想知道是否有办法使用循环结构来执行此操作。不必为我要测试的每个方法都设置一个assertEquals。例如:describeitem,"TestingtheItem"doit"willhaveanullvaluetostart"doitem=Item.new#HereIcoulddotheitem.name.shouldbe_nil#thenIcoulddoitem.category.shouldbe_nilendend但我想要一些方法来使用

    3. python - 如何使用 Ruby 或 Python 创建一系列高音调和低音调的蜂鸣声? - 2

      关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题?更新问题,以便editingthispost可以用事实和引用来回答它.关闭4年前。Improvethisquestion我想在固定时间创建一系列低音和高音调的哔哔声。例如:在150毫秒时发出高音调的蜂鸣声在151毫秒时发出低音调的蜂鸣声200毫秒时发出低音调的蜂鸣声250毫秒的高音调蜂鸣声有没有办法在Ruby或Python中做到这一点?我真的不在乎输出编码是什么(.wav、.mp3、.ogg等等),但我确实想创建一个输出文件。

    4. ruby-on-rails - 如何验证 update_all 是否实际在 Rails 中更新 - 2

      给定这段代码defcreate@upgrades=User.update_all(["role=?","upgraded"],:id=>params[:upgrade])redirect_toadmin_upgrades_path,:notice=>"Successfullyupgradeduser."end我如何在该操作中实际验证它们是否已保存或未重定向到适当的页面和消息? 最佳答案 在Rails3中,update_all不返回任何有意义的信息,除了已更新的记录数(这可能取决于您的DBMS是否返回该信息)。http://ar.ru

    5. ruby-on-rails - 'compass watch' 是如何工作的/它是如何与 rails 一起使用的 - 2

      我在我的项目目录中完成了compasscreate.和compassinitrails。几个问题:我已将我的.sass文件放在public/stylesheets中。这是放置它们的正确位置吗?当我运行compasswatch时,它不会自动编译这些.sass文件。我必须手动指定文件:compasswatchpublic/stylesheets/myfile.sass等。如何让它自动运行?文件ie.css、print.css和screen.css已放在stylesheets/compiled。如何在编译后不让它们重新出现的情况下删除它们?我自己编译的.sass文件编译成compiled/t

    6. ruby - 使用 ruby​​ 将 HTML 转换为纯文本并维护结构/格式 - 2

      我想将html转换为纯文本。不过,我不想只删除标签,我想智能地保留尽可能多的格式。为插入换行符标签,检测段落并格式化它们等。输入非常简单,通常是格式良好的html(不是整个文档,只是一堆内容,通常没有anchor或图像)。我可以将几个正则表达式放在一起,让我达到80%,但我认为可能有一些现有的解决方案更智能。 最佳答案 首先,不要尝试为此使用正则表达式。很有可能你会想出一个脆弱/脆弱的解决方案,它会随着HTML的变化而崩溃,或者很难管理和维护。您可以使用Nokogiri快速解析HTML并提取文本:require'nokogiri'h

    7. ruby - 如何将脚本文件的末尾读取为数据文件(Perl 或任何其他语言) - 2

      我正在寻找执行以下操作的正确语法(在Perl、Shell或Ruby中):#variabletoaccessthedatalinesappendedasafileEND_OF_SCRIPT_MARKERrawdatastartshereanditcontinues. 最佳答案 Perl用__DATA__做这个:#!/usr/bin/perlusestrict;usewarnings;while(){print;}__DATA__Texttoprintgoeshere 关于ruby-如何将脚

    8. ruby - 如何指定 Rack 处理程序 - 2

      Rackup通过Rack的默认处理程序成功运行任何Rack应用程序。例如:classRackAppdefcall(environment)['200',{'Content-Type'=>'text/html'},["Helloworld"]]endendrunRackApp.new但是当最后一行更改为使用Rack的内置CGI处理程序时,rackup给出“NoMethodErrorat/undefinedmethod`call'fornil:NilClass”:Rack::Handler::CGI.runRackApp.newRack的其他内置处理程序也提出了同样的反对意见。例如Rack

    9. ruby - 如何每月在 Heroku 运行一次 Scheduler 插件? - 2

      在选择我想要运行操作的频率时,唯一的选项是“每天”、“每小时”和“每10分钟”。谢谢!我想为我的Rails3.1应用程序运行调度程序。 最佳答案 这不是一个优雅的解决方案,但您可以安排它每天运行,并在实际开始工作之前检查日期是否为当月的第一天。 关于ruby-如何每月在Heroku运行一次Scheduler插件?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/8692687/

    10. ruby-on-rails - 如何从 format.xml 中删除 <hash></hash> - 2

      我有一个对象has_many应呈现为xml的子对象。这不是问题。我的问题是我创建了一个Hash包含此数据,就像解析器需要它一样。但是rails自动将整个文件包含在.........我需要摆脱type="array"和我该如何处理?我没有在文档中找到任何内容。 最佳答案 我遇到了同样的问题;这是我的XML:我在用这个:entries.to_xml将散列数据转换为XML,但这会将条目的数据包装到中所以我修改了:entries.to_xml(root:"Contacts")但这仍然将转换后的XML包装在“联系人”中,将我的XML代码修改为

    随机推荐