MonoTouch 中的简单 iPhone 图表应用程序

Question

我有一个规范，将非常简单的图表功能构建到 MonoTouch 应用程序中。到目前为止我必须做的所有事情都是基于表格的，所以这是一个新领域。

在应用程序商店中可以找到许多图表示例，例如 MindMeister 和 SimpleMind 思维导图应用程序。

我需要用户能够单击视图来“放下”新形状、为其添加标签，并可选择将其连接到现有形状。

实现这种交互功能的好方法是什么？我的第一个方法是放下一个从自定义图像创建的 UIImageView，然后确保它可以响应触摸事件来移动它。但是，当您想要添加文本叠加时，事情会变得更加复杂，因为您必须管理两个视图（图像和文本）。

我可以采取什么方法？

PS：如果这不适合SO，请随意打击！

更新：可以通过使用简单的标签覆盖来实现基本图表元素：

UILabel lbl = new UILabel(new RectangleF(...));
lbl.Text = "Whatever";
lbl.Layer.BorderWidth = 3f;
lbl.Layer.BorderColor ( new CGColor (1f, 0f, 0f) );
this.Add (lbl);

可以通过扩展 gui 元素类并覆盖 TouchesBegan、TouchesMoved< 来实现一些交互性/code> 和 TouchesEnd 事件。

Answer 1

你想做的事情并没有那么难。我还没有准备好示例，但我会给您一些可能帮助您入门的步骤。

1. 创建自定义视图，继承
   UIView.这会保持你的形状
   和文字。
2. 在其中添加两个子视图。这
   UIImageView 将保存您的
   形状和文本的 UILabel。
3. 覆盖您的自定义视图的 Draw
   方法。在其中您可以将视图的内容复制到图像上下文。
4. 从该上下文分配图像，
   到另一层。
5. 移动该层，做出响应
   用户触及您的自定义
   视图的超级视图。

简单示例：

public CALayer ContentsLayer { get; set; }
public override void Draw (RectangleF rect)
{
    base.Draw(rect);

    // Create an image context
    UIGraphics.BeginImageContext(this.Bounds.Size);

    // Render the contents of the view to the context
    this.Layer.RenderInContext(UIGraphics.GetCurrentContext());

    // Assign the contents to the layer
    this.ContentsLayer = new CALayer();
    this.ContentsLayer.Contents = UIGraphics.GetImageFromCurrentImageContext().CGImage;

    // End the context
    UIGraphics.EndImageContext();
}

这个示例非常简单，不应该按原样使用。例如，您应该提供何时接收自定义视图内容的逻辑。如果你像这样保留它，每次调用 Draw 方法时，它都会创建一个新的上下文。您只需执行一次此操作。

将内容复制到图层后，您可以通过超级视图将该图层移动到您想要的任何位置，方法是将其添加到超级视图的图层并修改其框架。您不必为您的超级视图创建另一个自定义视图，您只需创建一个自定义 UIGestureRecognizer，覆盖其自己的 Touches* 方法并将其添加到超级视图中。

这样，您就有一个可以移动的对象（图层）来保存您的形状和文本。

我希望这有帮助。