有边框的 UITextView

Question

我想在 UITextView 周围有一个灰色的细边框。我已经浏览了苹果文档，但找不到任何属性。请帮忙。

Answer 1

我添加 UIImageView 作为 UITextView 的子视图。这与 UITextField 上的原生边框相匹配，包括从上到下的渐变：

textView.backgroundColor = [UIColor clearColor];
UIImageView *borderView = [[UIImageView alloc] initWithFrame: CGRectMake(0, 0, textView.frame.size.width, textView.frame.size.height)];
borderView.autoresizingMask = UIViewAutoresizingFlexibleHeight | UIViewAutoresizingFlexibleWidth;
UIImage *textFieldImage = [[UIImage imageNamed:@"TextField.png"] resizableImageWithCapInsets:UIEdgeInsetsMake(15, 8, 15, 8)];
borderView.image = textFieldImage;
[textField addSubview: borderView];
[textField sendSubviewToBack: borderView];

这些是我使用的 png 图像和 jpg 表示形式：

@1x

@2x

Answer 2

效果很好，但颜色应该是 CGColor，而不是 UIColor：

view.layer.borderWidth = 5.0f;
view.layer.borderColor = [[UIColor grayColor] CGColor];

Answer 3

我相信以上答案适用于 Swift 的早期版本。我在 Google 上搜索了一下，下面的代码适用于 Swift 4。只是将其分享给可能受益的人。

self.textViewName.layer.borderColor = UIColor.lightGray.cgColor
self.textViewName.layer.borderWidth = 1.0
self.textViewName.layer.cornerRadius = 8

快乐编码！

Answer 4

对于 Swift 编程，请使用这个

tv_comment.layer.borderWidth = 2
tv_comment.layer.borderColor = UIColor(red: 0.2, green: 0.2, blue: 0.2, alpha: 1).CGColor

Answer 5

这与原始 UITextField 尽可能接近

func updateBodyTextViewUI() {
    let borderColor = UIColor.init(red: 212/255, green: 212/255, blue: 212/255, alpha: 0.5)

    self.bodyTextView.layer.borderColor = borderColor.CGColor
    self.bodyTextView.layer.borderWidth = 0.8
    self.bodyTextView.layer.cornerRadius = 5
}

Answer 6

您可以从故事板 - 身份检查器 - 用户定义的运行时属性

Answer 7

从 iOS 8 和 Xcode 6 开始，我现在发现最好的解决方案是子类化 UITextView 并将子类标记为 IB_DESIGNABLE，这将允许您在 Storyboard 中查看边框。

标题：

#import <UIKit/UIKit.h>

IB_DESIGNABLE

@interface BorderTextView : UITextView

@end

实现：

#import "BorderTextView.h"

@implementation BorderTextView

- (void)drawRect:(CGRect)rect
{
    self.layer.borderWidth = 1.0;
    self.layer.borderColor = [UIColor blackColor].CGColor;
    self.layer.cornerRadius = 5.0f;
}

@end

然后只需在故事板中拖出 UITextView 并将其类设置为 BorderTextView

Answer 8

使它起作用的事情（除了遵循此处的答案之外）是添加 borderStyle 属性：

#import <QuartzCore/QuartzCore.h>
..

phoneTextField.layer.borderWidth = 1.0f;
phoneTextField.layer.borderColor = [[UIColor blueColor] CGColor];
phoneTextField.borderStyle = UITextBorderStyleNone;

Answer 9

只是一个小小的补充。如果将边框设置得更宽一些，则会干扰文本的左侧和右侧。为了避免这种情况，我添加了以下行：

self.someTextView.textContainerInset = UIEdgeInsetsMake(8.0, 8.0, 8.0, 8.0);

Answer 10

在 Swift 3 中，您可以使用以下两行：

myText.layer.borderColor = UIColor.lightGray.cgColor

myText.layer.borderWidth = 1.0

Answer 11

一个优雅的解决方案是在底部插入一个真正的 UITextField 并防止它随内容滚动。这样你就可以拥有正确的深色模式边框。

Answer 12

我通过在 UITextView 后面放置一个完全禁用的 UIButton 并将 UITextView 的背景颜色设置为clearColor，在情节提要中解决了这个问题。这不需要额外的代码或包就可以工作。

Answer 13

#import <QuartzCore/QuartzCore.h>

....

// typically inside of the -(void) viewDidLoad method
self.yourUITextView.layer.borderWidth = 5.0f;
self.yourUITextView.layer.borderColor = [[UIColor grayColor] CGColor];

Answer 14

为圆角添加以下内容：

self.yourUITextview.layer.cornerRadius = 8; 

Answer 15

这是我使用的代码，用于在名为“tbComments”的 TextView 控件周围添加边框：

self.tbComments.layer.borderColor = [[UIColor grayColor] CGColor];
self.tbComments.layer.borderWidth = 1.0;
self.tbComments.layer.cornerRadius = 8;

如下所示：

简单易行。