27

我正在尝试显示地名列表,包括使用PFQueryTableViewController. 它包含在 parse.com 的 ParseUI SDK

我设法展示了图像。不幸的是,当我将 UIImageView 模式更改为 Aspect 填充时,图像变得比应有的更大。

这是图片:

https://dl.dropboxusercontent.com/u/86529526/pic_normal.png https://dl.dropboxusercontent.com/u/86529526/pic_error.png

在 中pic_normal,您将看到两个单元格,带有两个正常图像。在 中pic_error,您将第二个单元格被第一个单元格图像覆盖。

谁能帮我解决这个问题?我也把我的整个代码放在这里:

import UIKit

class TableViewController: PFQueryTableViewController, UISearchBarDelegate {

    @IBOutlet var searchBar: UISearchBar!


    // Initialise the PFQueryTable tableview
    override init(style: UITableViewStyle, className: String!) {
        super.init(style: style, className: className)
    }

    required init(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)

        // Configure the PFQueryTableView
        self.pullToRefreshEnabled = true
        self.paginationEnabled = false
    }

    // Define the query that will provide the data for the table view
    override func queryForTable() -> PFQuery {

        // Start the query object
        var query = PFQuery(className: "Places")

        // query with pointer
        query.includeKey("mainPhoto")

        // Add a where clause if there is a search criteria
        if searchBar.text != "" {
            query.whereKey("name", containsString: searchBar.text)
        }

        // Order the results
        query.orderByAscending("name")

        // Return the qwuery object
        return query
    }


    //override func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell
    override func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath, object: PFObject) -> PFTableViewCell? {
        var cell = tableView.dequeueReusableCellWithIdentifier("CustomCell") as! CustomTableViewCell!
        if cell == nil {
            cell = CustomTableViewCell(style: UITableViewCellStyle.Default, reuseIdentifier: "CustomCell")
        }

        // Extract values from the PFObject to display in the table cell
        if let name = object["name"] as? String{
            cell.name.text = name
        }

        // display initial image
        var initialThumbnail = UIImage(named: "question")
        cell.photo.image = initialThumbnail


        // extract image from pointer
        if let pointer = object["mainPhoto"] as? PFObject {
            cell.detail.text = pointer["photoTitle"] as? String!
            if let thumbnail = pointer["photo"] as? PFFile {
                cell.photo.file = thumbnail
                cell.photo.loadInBackground()
            }
        }
        cell.sendSubviewToBack(cell.photo)

        // return the cell
        return cell
    }




    // In a storyboard-based application, you will often want to do a little preparation before navigation
    override func prepareForSegue(segue: UIStoryboardSegue, sender: AnyObject?) {

        // Get the new view controller using [segue destinationViewController].
        var detailScene = segue.destinationViewController as! DetailViewController

        // Pass the selected object to the destination view controller.
        if let indexPath = self.tableView.indexPathForSelectedRow() {
            let row = Int(indexPath.row)
            detailScene.currentObject = objects[row] as? PFObject
        }
    }

    override func viewDidLoad(){
        super.viewDidLoad()
        let tapGesture = UITapGestureRecognizer(target:self, action:Selector("hideKeyboard"))
        tapGesture.cancelsTouchesInView = true
        tableView.addGestureRecognizer(tapGesture)
    }

    func hideKeyboard(){
        tableView.endEditing(true)
    }

    override func viewDidAppear(animated: Bool) {

        // Refresh the table to ensure any data changes are displayed
        tableView.reloadData()

        // Delegate the search bar to this table view class
        searchBar.delegate = self
    }

    func searchBarTextDidEndEditing(searchBar: UISearchBar) {

        // Dismiss the keyboard
        searchBar.resignFirstResponder()

        // Force reload of table data
        self.loadObjects()
    }

    func searchBarSearchButtonClicked(searchBar: UISearchBar) {

        // Dismiss the keyboard
        searchBar.resignFirstResponder()

        // Force reload of table data
        self.loadObjects()
    }

    func searchBarCancelButtonClicked(searchBar: UISearchBar) {

        // Clear any search criteria
        searchBar.text = ""

        // Dismiss the keyboard
        searchBar.resignFirstResponder()

        // Force reload of table data
        self.loadObjects()
    }

}
4

5 回答 5

96

将内容模式设置为Aspect Fill,尝试将剪辑的边界设置为 true ,因为内容模式aspect fill会继续填充图像视图的框架,直到框架完全充满内容并保持aspect ratio完整。在以图像保持纵横比填充容器的过程中,垂直或水平框架被完全填充,并继续填充直到另一个(如果水平而不是垂直或反之亦然)部分被完全填充。因此,垂直或水平方向的第一个填充部分将超出范围,并且内容将在图像视图的框架之外可见。为了剪辑额外的内容,我们需要使用 imageView 的clipsToBounds属性来剪辑额外的部分true

cell.photo.contentMode = UIViewContentMode.ScaleAspectFill
cell.photo.clipsToBounds = true
于 2015-05-06T10:09:01.647 回答
16

在此处输入图像描述

参考:另一篇文章中的答案可以让您清楚地了解 - https://stackoverflow.com/a/14220605/3021573

于 2017-01-19T03:00:56.187 回答
9

或者,对于喜欢Interface Builder的人,您可以在选择时检查Clip Subviewsat your image view Aspect Fill,然后它不会调整您的Image View大小但仍保持相同的纵横比。

在此处输入图像描述

于 2016-01-04T10:32:12.720 回答
4

如果要保持不同宽度的纵横比,请使用 AspectFill 并使用 imageview 属性 clipstoBounds,它不会将 imageview 扩展到框架之外

于 2015-05-06T10:04:24.197 回答
3

来自苹果文档

UIViewContentModeScaleToFill

如有必要,通过更改内容的纵横比来缩放内容以适应其自身的大小

UIViewContentModeScaleAspectFill

缩放内容以填充视图的大小。内容的某些部分可能会被剪裁以填充视图的边界。

所以你的选择是使用

  • UIViewContentModeScaleToFill,并可能改变显示图像的纵横比,
  • UIViewContentModeScaleAspectFill, 并clipToBounds = YES在您的PFImageView, 上使用来剪辑图像的部分超出范围。
于 2015-05-06T10:08:45.860 回答