C# Monotouch/Xamarin - UITableViewCell GetCell ImageView 框架未调整大小

Posted

技术标签:

【中文标题】C# Monotouch/Xamarin - UITableViewCell GetCell ImageView 框架未调整大小【英文标题】:C# Monotouch/Xamarin - UITableViewCell GetCell ImageView Frame Not Resizing 【发布时间】:2013-10-24 12:39:00 【问题描述】:

概述

我的 UITableViewSource 中有以下覆盖 GetCell。 一切正常,但我想让单元格左侧的图像更小,而不必调整它的大小。 本质上我只是想缩小框架说,(30 宽 x 30 高)....并且可能圆角(类似于 Whatsapp 的打开聊天列表)。

问题

简单地将新的 RectangleF 应用于 ImageView 的 Frame 属性似乎不起作用。

 if (tableItems[indexPath.Section].Items[indexPath.Row].ImageName != null)
                                
//RESIZE IMAGE VIEW
cell.ImageView.Frame = new RectangleF(5,5,30,30);
                                        Console.WriteLine("Image name: " + tableItems[indexPath.Section].Items[indexPath.Row].ImageName);
                                        cell.ImageView.Image = UIImage.FromFile (tableItems[indexPath.Section].Items[indexPath.Row].Image); 
                                

代码

 public override UITableViewCell GetCell (UITableView tableView, NSIndexPath indexPath)
            
                    UITableViewCell cell = tableView.DequeueReusableCell (cellIdentifier);
                    Custom_UITableItem item = tableItems[indexPath.Section].Items[indexPath.Row];
                    var cellStyle = UITableViewCellStyle.Subtitle;

                    // if there are no cells to reuse, create a new one
                    if (cell == null) 
                    
                            cell = new UITableViewCell (cellStyle, cellIdentifier);
                    

                    try
                    
                            if(cellAccessoryButtons.Count > 0)
                            
                                    var cellAccessoryButton = cellAccessoryButtons [indexPath.Row];
                                    cell.AccessoryView = cellAccessoryButton;
                            

                            cell.TextLabel.Text = tableItems[indexPath.Section].Items[indexPath.Row].Heading;
                            cell.TextLabel.Font = AppSettings.CellDetailTextLabelFontSize;
                            cell.TextLabel.LineBreakMode = UILineBreakMode.WordWrap;
                            cell.TextLabel.Lines = 2;
                            cell.DetailTextLabel.Text = tableItems[indexPath.Section].Items[indexPath.Row].SubHeading;
                            cell.DetailTextLabel.Font = AppSettings.CellDetailTextLabelFontSize;
                            cell.DetailTextLabel.LineBreakMode = UILineBreakMode.WordWrap;
                            cell.DetailTextLabel.Lines = 2;

                            if (tableItems[indexPath.Section].Items[indexPath.Row].ImageName != null)
                            
//RESIZE IMAGE VIEW
cell.ImageView.Frame = new RectangleF(5,5,30,30);

                                    Console.WriteLine("Image name: " + tableItems[indexPath.Section].Items[indexPath.Row].ImageName);
                                    cell.ImageView.Image = UIImage.FromFile (tableItems[indexPath.Section].Items[indexPath.Row].Image); 
                            

                            var trackUploadedDateFrame = new RectangleF (87, 55, 100, 20);
                            var trackUploadedDate = new UILabel (trackUploadedDateFrame);
                            trackUploadedDate.BackgroundColor = UIColor.Clear;
                            trackUploadedDate.Font = AppSettings.TrackUploadedDateFontSize;
                            trackUploadedDate.TextAlignment = UITextAlignment.Left;
                            trackUploadedDate.Text = "Uploaded: 16/10/13";
                            cell.AddSubview (trackUploadedDate);

                    
                    catch(Exception ex) 
                    
                            Console.WriteLine (ex.ToString ());
                    

                    return cell;
             

【问题讨论】:

【参考方案1】:

简而言之,“去过那里,做到了”,让我告诉你自定义库存 UITableViewCell - 特别是它的 ImageView 是一种皇家痛苦。

根据我的经验,通过继承 UITableViewCell 更容易实现您的设计目标 - 无论是在代码中还是使用 IB 的 .xib 中 - 除非库存 UITableViewCell 的功能非常接近您自己的目标。

【讨论】:

我不会说这很困难......并且可以在界面构建器中完成的任何事情都可以在代码中完成。我只是想知道我是否需要为这个图像显式创建一个新的 UIView,设置一个框架大小,添加图像,然后将这个新的 UIView 绑定到 cell.ImageView 内容......(虽然很遗憾我不是在家所以还不能测试这个选项)。【参考方案2】:

使用以下函数调整图像大小,然后将其设置为表格单元格图像视图

 public UIImage ResizeImage(UIImage sourceImage, float width, float height)
        
            UIGraphics.BeginImageContext(new SizeF(width, height));
            sourceImage.Draw(new RectangleF(0, 0, width, height));
            var resultImage = UIGraphics.GetImageFromCurrentImageContext();
            UIGraphics.EndImageContext();
            return resultImage;
        

【讨论】:

以上是关于C# Monotouch/Xamarin - UITableViewCell GetCell ImageView 框架未调整大小的主要内容,如果未能解决你的问题,请参考以下文章

C# Monotouch/Xamarin - UITableViewCell GetCell ImageView 框架未调整大小

转换/访问 XML 的数据 - monotouch (Xamarin) / C# 中的字符串

Xamarin Monotouch 音频单元回调

MonoTouch (Xamarin.iOS) Facebook 应用程序切换支持 iOS 5+

Monotouch / Xamarin 更改 iPad 应用程序的表格行高

如何在 monotouch Xamarin 中裁剪图像