UIBezierPath 在 UITableViewCell 中的自定义 UIView 中填充偏移量
UIBezierPath fill with an offset in a custom UIView in a UITableViewCell
我有一个自定义 UIView,它在视图中绘制了一个填充的圆角矩形。问题是当我将视图放在我的 UITableViewCell 中并放置约束时,当 运行 时,它不会在我放置它的位置绘制圆角矩形。
参考图片如下:http://imgur.com/a/XwCHS
前两个在 Xcode 中,而第三个在 iPhone 5 模拟器上 运行 时。
我的自定义 UIView:
import UIKit
@IBDesignable class AlertRoundedView: UIView {
// Only override drawRect: if you perform custom drawing.
// An empty implementation adversely affects performance during animation.
override func drawRect(rect: CGRect) {
// Drawing code
let color : UIColor = UIColor(red: 1, green: 1, blue: 1, alpha: 1)
color.setFill()
let path : UIBezierPath = UIBezierPath(roundedRect: CGRectInset(self.frame, 0, 0), cornerRadius: 20)
path.fill()
}
}
我的 TableViewController(目前只是用于测试):
import UIKit
class AlertsViewController: UIViewController, UITableViewDataSource, UITableViewDelegate{
@IBOutlet weak var emptyAlertsView: UIView!
@IBOutlet weak var tableView: UITableView!
override func viewDidLoad() {
super.viewDidLoad()
var alerts : [Int] = [4, 6, 3, 4]
if(alerts.count > 0){
//Show table
tableView.hidden = false
emptyAlertsView.hidden = true
tableView.delegate = self
tableView.dataSource = self
tableView.allowsSelection = false
tableView.reloadData()
}else{
//Show empty view
tableView.hidden = true
emptyAlertsView.hidden = false
}
}
override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
// Dispose of any resources that can be recreated.
}
// MARK: - Table view data source
func numberOfSectionsInTableView(tableView: UITableView) -> Int {
// #warning Incomplete implementation, return the number of sections
return 1
}
func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
// #warning Incomplete implementation, return the number of rows
return 4
}
func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
let cell = tableView.dequeueReusableCellWithIdentifier("AlertCell", forIndexPath: indexPath)
print(cell)
// Configure the cell...
return cell
}
}
可能是你的约束没有设置正确。尝试在 Interface Builder 中布置圆角矩形并在 运行 之前设置约束。
- 清除圆角矩形上的所有现有约束
- 按照您想要的方式在屏幕上布置圆角矩形
- 添加缺失的约束
试一试。
替换
let path : UIBezierPath = UIBezierPath(roundedRect: CGRectInset(self.frame, 0, 0), cornerRadius: 20)
和
let path : UIBezierPath = UIBezierPath(roundedRect: CGRectInset(rect, 0, 0), cornerRadius: 20)
看看是否有效
我有一个自定义 UIView,它在视图中绘制了一个填充的圆角矩形。问题是当我将视图放在我的 UITableViewCell 中并放置约束时,当 运行 时,它不会在我放置它的位置绘制圆角矩形。
参考图片如下:http://imgur.com/a/XwCHS
前两个在 Xcode 中,而第三个在 iPhone 5 模拟器上 运行 时。
我的自定义 UIView:
import UIKit
@IBDesignable class AlertRoundedView: UIView {
// Only override drawRect: if you perform custom drawing.
// An empty implementation adversely affects performance during animation.
override func drawRect(rect: CGRect) {
// Drawing code
let color : UIColor = UIColor(red: 1, green: 1, blue: 1, alpha: 1)
color.setFill()
let path : UIBezierPath = UIBezierPath(roundedRect: CGRectInset(self.frame, 0, 0), cornerRadius: 20)
path.fill()
}
}
我的 TableViewController(目前只是用于测试):
import UIKit
class AlertsViewController: UIViewController, UITableViewDataSource, UITableViewDelegate{
@IBOutlet weak var emptyAlertsView: UIView!
@IBOutlet weak var tableView: UITableView!
override func viewDidLoad() {
super.viewDidLoad()
var alerts : [Int] = [4, 6, 3, 4]
if(alerts.count > 0){
//Show table
tableView.hidden = false
emptyAlertsView.hidden = true
tableView.delegate = self
tableView.dataSource = self
tableView.allowsSelection = false
tableView.reloadData()
}else{
//Show empty view
tableView.hidden = true
emptyAlertsView.hidden = false
}
}
override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
// Dispose of any resources that can be recreated.
}
// MARK: - Table view data source
func numberOfSectionsInTableView(tableView: UITableView) -> Int {
// #warning Incomplete implementation, return the number of sections
return 1
}
func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
// #warning Incomplete implementation, return the number of rows
return 4
}
func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
let cell = tableView.dequeueReusableCellWithIdentifier("AlertCell", forIndexPath: indexPath)
print(cell)
// Configure the cell...
return cell
}
}
可能是你的约束没有设置正确。尝试在 Interface Builder 中布置圆角矩形并在 运行 之前设置约束。
- 清除圆角矩形上的所有现有约束
- 按照您想要的方式在屏幕上布置圆角矩形
- 添加缺失的约束
试一试。
替换
let path : UIBezierPath = UIBezierPath(roundedRect: CGRectInset(self.frame, 0, 0), cornerRadius: 20)
和
let path : UIBezierPath = UIBezierPath(roundedRect: CGRectInset(rect, 0, 0), cornerRadius: 20)
看看是否有效