Giter Club home page Giter Club logo

cchlinktextview's Introduction

CCHLinkTextView

Build Status Version Platform

CCHLinkTextView makes it easy to embed links inside a UITextView and receive events for short and long taps. It looks and behaves similar to table cells used in popular Twitter apps such as Twitterrific or Tweetbot. CCHLinkTextView is available under the MIT license.

CCHLinkTextView demo

See Changes for a high-level overview of recent updates.

Need to talk to a human? I'm @claushoefele on Twitter.

Alternatives

When using iOS 7's built-in link detection via NSLinkAttributeName, you will find that textView:shouldInteractWithURL:inRange: is only called when the user presses the link for a certain amount of time. This delay is frustrating for users because they expect an app to react instantly to taps.

In contrast to UITextView, CCHLinkTextView works great in UITableViews – even with userInteractionEnabled set to YES – because touches outside links are passed through to the UITableView. In addition, CCHLinkTextView provides events for short and long taps.

Compared to OHAttributedLabel and TTTAttributeLabel, CCHLinkTextView is written for iOS 7 using Text Kit functionality. This makes for a simpler implementation that avoids custom drawing code using CoreText.

In contrast to STTweetLabel, CCHLinkTextView is a subclass of UITextView because UILabel has limited Text Kit support and adding this functionality can be quite hacky. CCHLinkTextView supports all of UITextView's features and can also be used from within storyboards. Whereas STTweetLabel places its links on certain hotwords, you can mark any text range as a link with CCHLinkTextView.

Usage

Installation

Use CocoaPods to integrate CCHLinkTextView into your project. Minimum deployment target is iOS 7.0 because this project uses Text Kit functionality.

platform :ios, '7.0'
pod "CCHLinkTextView"

Creating CCHLinkTextViews

A CCHLinkTextView can be created manually via initWithFrame: or inside a storyboard. By default, it is non-editable and non-selectable as this would interfere with the link gestures. Otherwise, a CCHLinkTextView behaves like a UITextView.

Setting up links

Text can be marked as a link by adding the attribute CCHLinkAttributeName to the range of the link:

NSMutableAttributedString *attributedText = [linkTextView.attributedText mutableCopy];
[attributedText addAttribute:CCHLinkAttributeName value:@"0" range:NSMakeRange(0, 20)];
linkTextView.attributedText = attributedText;

If you have code using NSLinkAttributeName, you can simply replace it with CCHLinkAttributeName.

The value can be anything you want and will be provided when the link fires. To receive link events, implement CCHLinkTextViewDelegate and set the delegate property. CCHLinkTextViewDelegate provides two callbacks:

- (void)linkTextView:(CCHLinkTextView *)linkTextView didTapLinkWithValue:(id)value;
- (void)linkTextView:(CCHLinkTextView *)linkTextView didLongPressLinkWithValue:(id)value;

The first method is called for taps, the second for long presses.

To style the links, use linkTextAttributes and linkTextTouchAttributes. These dictionaries contain NSAttributedString attributes applied to links as they appear normally and when touched. By default, linkTextAttributes sets the tint color as foreground color and linkTextTouchAttributes a light gray background.

Advanced settings

There are a few settings to allow you to adjust CCHLinkTextView's behavior:

  • minimumPressDuration: The minimum period fingers must press on the link for the gesture to be recognized as a long press (default = 0.5s)
  • allowableMovement: The maximum movement of the fingers on the link before the gesture is ignored (default = 10 points)
  • tapAreaInsets: Expands or shrinks the tap area of the link text (default: {-5, -5, -5, -5})

tapAreaInsets can be debugged using Xcode's Quick Look feature, which will show the tappable area of a CCHLinkTextView.

Embedding CCHLinkTextViews into table view cells

CCHLinkTextView works great inside UITableViewCells because gestures outside links are forwarded to the container view. This means that standard delegate methods such as tableView:didSelectRowAtIndexPath: are called as normal.

If you want to capture long presses on a UITableViewCell, you can register a UILongPressGestureRecognizer with the UITableView. Note that you have to require CCHLinkTextView's gesture recognizer to fail before the UILongPressGestureRecognizer fires. Otherwise, a long press on a link will trigger both the CCHLinkTextViewDelegate and the UILongPressGestureRecognizer callback. To implement this, simply call

[self.longPressGestureRecognizer requireGestureRecognizerToFail:linkTextView.linkGestureRecognizer];

for every CCHLinkTextView (see example code in this project).

License (MIT)

Copyright (C) 2014 Claus Höfele

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

cchlinktextview's People

Contributors

choefele avatar lukedixon avatar

Watchers

James Cloos avatar Tim Kelly avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.