Aracılığıyla paylaş


Nasıl yapılır: bir şekil ya da Decorator tıklatmada müdahale

Aşağıdaki yordamlar, bir şekil ya da bir simge decorator tıklatmada müdahale göstermektedir.Tıklatma kesebilir, çift tıklattığında, fare ile sürüklendiğinde, ve diğer gestures yanıt öğesi.

Şekiller üzerindeki tıklatmaları müdahale etmesine

Dsl projede oluşturulan kodu dosyalarından ayrı bir kod dosyası shape sınıfının kısmi sınıf tanımını yazın.Geçersiz kılma OnDoubleClick() ya da başlayan bir ad olan diğer yöntemlerden birini On....Örne?in:

public partial class MyShape // change
  {
    public override void OnDoubleClick(DiagramPointEventArgs e)
    {
      base.OnDoubleClick(e);
      System.Windows.Forms.MessageBox.Show("Click");
      e.Handled = true;
  }  }

[!NOT]

Set e.Handled için true, olayı içeren şekli veya çizim aktarılmasını istemiyorsanız.

Decorators üzerindeki tıklatmaları müdahale etmesine

Görüntü decorators OnDoubleClick yöntemi olan ImageField sınıfının bir örneği taşınır.Bir ImageField alt sınıf yazarsanız tıklatma yakalayabilirsiniz.Alanları InitializeShapeFields yönteminde ayarlanır.Bu nedenle, normal ImageField yerine, alt sınıfın örneğini oluşturmak için bu yöntemi değiştirmeniz gerekir.Shape sınıfı oluşturulan kodda InitializeShapeFields yöntemidir.Ayarlarsanız, shape sınıfının kılabilirsiniz, Generates Double Derived aşağıdaki yordamda açıklandığı gibi bir özellik.

InitializeShapeFields bir oluşum yöntemi olsa da, her sınıf için yalnızca bir kez denir.Bu nedenle, her alanda diyagramındaki her şekil için bir örnek değil her sınıf için ClickableImageField yalnızca bir örneği bulunmaktadır.Kullanıcı örneğini tıklattığında, örnekte, kodun gösterdiği gibi hangi örneği isabet tanımlamanız gerekir.

Simge decorator üzerini tıklatarak müdahale etmesine

  1. dsl çözüm oluşturun veya açın.

  2. Seçin veya simgesini decorator sahip bir şekil oluşturmak ve etki alanı sınıfına eşleme.

  3. Dosyalarından ayrı bir kod dosyasında GeneratedCode klasörü, ImageField, yeni alt sınıf oluştur:

    using Microsoft.VisualStudio.Modeling;
    using Microsoft.VisualStudio.Modeling.Design;
    using Microsoft.VisualStudio.Modeling.Diagrams;
    using System.Collections.Generic;
    using System.Linq;
    
    namespace Fabrikam.MyDsl { // Change to your namespace
    internal class ClickableImageField : ImageField
    {
      // You can also override OnClick and so on.
      public override void OnDoubleClick(DiagramPointEventArgs e)
      {
        base.OnDoubleClick(e);
        // Work out which instance was hit.
        MyShape shapeHit = e.HitDiagramItem.Shape as MyShape;
        if (shapeHit != null)
        {
          MyDomainClass element = 
              shapeHit.ModelElement as MyDomainClass;
          System.Windows.Forms.MessageBox.Show(
             "Double click on shape for " + element.Name);
          // If we do not set Handled, the event will
          // be passed to the containing shape:
          e.Handled = true;
        }
      }
    
       public ClickableImageField(string fieldName)
         : base(fieldName)
       { }
    }
    

    Handled içeren şekli iletilmek üzere Olay istemiyorsanız true olarak ayarlamanız gerekir.

  4. Aşağıdaki kısmi sınıf tanımını ekleyerek, Şekil classs InitializeShapeFields yöntemini geçersiz kılar.

    public partial class MyShape // change
    {
     protected override void InitializeShapeFields
          (IList<ShapeField> shapeFields)
     {
      base.InitializeShapeFields(shapeFields);
      // You can see the above method in MyShapeBase 
      // in the generated Shapes.cs
      // It has already added fields for the Icons.
      // So you will have to retrieve them and replace with your own.
      ShapeField unwantedField = shapeFields.First
          (field => field.Name == "IconDecorator1");
      shapeFields.Remove(unwantedField);
    
      // Now replicate the generated code from the base class 
      // in Shape.cs, but with your own image constructor.
      ImageField field2 = new ClickableImageField("IconDecorator1");      
      field2.DefaultImage = ImageHelper.GetImage(
        MyDslDomainModel.SingletonResourceManager
        .GetObject("MyShapeIconDecorator1DefaultImage"));
          shapeFields.Add(field2);
    }
    
  1. Oluşturup çözüm çalıştırın.

  2. Shape örneğini simgesini çift tıklatın.Bilgisayarınızı sınama iletisi görüntülenmelidir.

Saldırıda tıklatır ve CompartmentShape listeleri üzerinde fare ile sürüklendiğinde

Aşağıdaki örnek öğeleri sürükleyerek bir bölme şeklinde yeniden sıralamak kullanıcılara izin verir.Bu kod çalıştırmak için:

  1. Kullanarak yeni bir dsl çözüm oluşturma Sınıf diyagramları çözüm şablonu.

    Bölme şekiller içeren bir çözüm kendi ile de çalışabilirsiniz.Bu kod, Şekil tarafından temsil edilen model öğeleri ve bölme liste öğeleri temsil öğeler arasında gömme bir ilişki olduğunu varsayar.

  2. Set Oluşturduğu çift türetilen bölme şeklin özellik.

  3. Bu kodu bir dosyaya eklemek Dsl proje.

  4. Kendi dsl eşleştirmek için bu kodu etki alanı sınıf ve Şekil adlarını ayarlayın.

Özetle, kodu aşağıdaki gibi çalışır.Bu örnekte, ClassShape bölme şeklini adıdır.

  • Oluşturulduğunda bir dizi fare olay işleyicileri her bölme örneğine eklenir.

  • ClassShape.MouseDown Olay geçerli madde depolar.

  • Ne zaman fare hareket geçerli madde dışında MouseAction örneği, imleci ayarlar ve serbest bırakılıncaya kadar fareyi yakalayan oluşturulur.

    Özgün öğe fare ayrıldı kadar bir öğenin metin seçmek gibi diğer fare eylemleri ile engellemesini önlemek için MouseAction oluşturulmaz.

    Alternatif bir MouseAction oluşturmak için MouseUp dinlemek yeterlidir olacaktır.Kullanıcı fare dışında bölme sürükledikten sonra yayımlarsa ancak bu düzgün çalışmaz.MouseAction fare serbest nerede olursa olsun uygun eylemi gerçekleştirebilir.

  • Fare serbest bırakıldığında, MouseAction.MouseUp modeli öğeler arasındaki bağlantıların sırasını yeniden düzenler.

  • Görüntü güncelleştiren bir kural rol sipariş değişikliği tetikler.Bu davranış önceden tanımlanmış ve ek bir kodu gereklidir.

using Microsoft.VisualStudio.Modeling;
using Microsoft.VisualStudio.Modeling.Design;
using Microsoft.VisualStudio.Modeling.Diagrams;
using System.Collections.Generic;
using System.Linq;

// This sample allows users to re-order items in a compartment shape by dragging.

// This example is built on the "Class Diagrams" solution template of VMSDK (DSL Tools).
// You will need to change the following domain class names to your own:
// ClassShape = a compartment shape
// ClassModelElement = the domain class displayed using a ClassShape
// This code assumes that the embedding relationships 
// displayed in the compartments don't use inheritance 
// (don't have base or derived domain relationships).

namespace Company.CompartmentDrag
{
 /// <summary>
 /// Manage the mouse while dragging a compartment item.
 /// </summary>
 public class CompartmentDragMouseAction : MouseAction
 {
  private ModelElement sourceChild;
  private ClassShape sourceShape;
  private RectangleD sourceCompartmentBounds;

  public CompartmentDragMouseAction(ModelElement sourceChildElement, ClassShape sourceParentShape, RectangleD bounds)
   : base (sourceParentShape.Diagram)
  {
   sourceChild = sourceChildElement;
   sourceShape = sourceParentShape;
   sourceCompartmentBounds = bounds; // For cursor.
  }
   
  /// <summary>
  /// Call back to the source shape to drop the dragged item.
  /// </summary>
  /// <param name="e"></param>
  protected override void OnMouseUp(DiagramMouseEventArgs e)
  {
   base.OnMouseUp(e);
   sourceShape.DoMouseUp(sourceChild, e);
   this.Cancel(e.DiagramClientView);
   e.Handled = true;
  }

  /// <summary>
  /// Ideally, this shouldn't happen. This action should only be active
  /// while the mouse is still pressed. However, it can happen if you
  /// move the mouse rapidly out of the source shape, let go, and then 
  /// click somewhere else in the source shape.
  /// </summary>
  /// <param name="e"></param>
  protected override void OnMouseDown(DiagramMouseEventArgs e)
  {
   base.OnMouseDown(e);
   this.Cancel(e.DiagramClientView);
   e.Handled = false;
  }

  /// <summary>
  /// Display an appropriate cursor while the drag is in progress:
  /// Up-down arrow if we are inside the original compartment.
  /// No entry if we are elsewhere.
  /// </summary>
  /// <param name="currentCursor"></param>
  /// <param name="diagramClientView"></param>
  /// <param name="mousePosition"></param>
  /// <returns></returns>
  public override System.Windows.Forms.Cursor GetCursor(System.Windows.Forms.Cursor currentCursor, DiagramClientView diagramClientView, PointD mousePosition)
  {
   // If the cursor is inside the original compartment, show up-down cursor.
   return sourceCompartmentBounds.Contains(mousePosition) 
    ? System.Windows.Forms.Cursors.SizeNS // Up-down arrow.
    : System.Windows.Forms.Cursors.No;
  }
 }

 /// <summary>
 /// Override some methods of the compartment shape.
 /// *** GenerateDoubleDerived must be set for this shape in DslDefinition.dsl. ****
 /// </summary>
 public partial class ClassShape
 {
  /// <summary>
  /// Model element that is being dragged.
  /// </summary>
  private static ClassModelElement dragStartElement = null;
  /// <summary>
  /// Absolute bounds of the compartment, used to set the cursor.
  /// </summary>
  private static RectangleD compartmentBounds;

  /// <summary>
  /// Attach mouse listeners to the compartments for the shape.
  /// This is called once per compartment shape.
  /// The base method creates the compartments for this shape.
  /// </summary>
  public override void EnsureCompartments()
  {
   base.EnsureCompartments();
   foreach (Compartment compartment in this.NestedChildShapes.OfType<Compartment>())
   {
    compartment.MouseDown += new DiagramMouseEventHandler(compartment_MouseDown);
    compartment.MouseUp += new DiagramMouseEventHandler(compartment_MouseUp);
    compartment.MouseMove += new DiagramMouseEventHandler(compartment_MouseMove);
   }
  }


  /// <summary>
  /// Remember which item the mouse was dragged from.
  /// We don't create an Action immediately, as this would inhibit the
  /// inline text editing feature. Instead, we just remember the details
  /// and will create an Action when/if the mouse moves off this list item.
  /// </summary>
  /// <param name="sender"></param>
  /// <param name="e"></param>
  void compartment_MouseDown(object sender, DiagramMouseEventArgs e)
  {
   dragStartElement = e.HitDiagramItem.RepresentedElements
     .OfType<ClassModelElement>().FirstOrDefault();
   compartmentBounds = e.HitDiagramItem.Shape.AbsoluteBoundingBox;
  }

  /// <summary>
  /// When the mouse moves away from the initial list item,
  /// but still inside the compartment, create an Action 
  /// to supervise the cursor and handle subsequent mouse events.
  /// Transfer the details of the initial mouse position to the Action.
  /// </summary>
  /// <param name="sender"></param>
  /// <param name="e"></param>
  void compartment_MouseMove(object sender, DiagramMouseEventArgs e)
  {
   if (dragStartElement != null)
   {
    if (dragStartElement != e.HitDiagramItem.RepresentedElements.OfType<ClassModelElement>().FirstOrDefault())
    {
     e.DiagramClientView.ActiveMouseAction = new CompartmentDragMouseAction(dragStartElement, this, compartmentBounds);
     dragStartElement = null;
    }
   }
  }

  /// <summary>
  /// User has released the mouse button. 
  /// </summary>
  /// <param name="sender"></param>
  /// <param name="e"></param>
  void compartment_MouseUp(object sender, DiagramMouseEventArgs e)
  {
    dragStartElement = null;
  }

  /// <summary>
  /// Forget the source item if mouse up occurs outside the
  /// compartment.
  /// </summary>
  /// <param name="e"></param>
  public override void OnMouseUp(DiagramMouseEventArgs e)
  {
   base.OnMouseUp(e);
   dragStartElement = null;
  }


  /// <summary>
  /// Called by the Action when the user releases the mouse.
  /// If we are still on the same compartment but in a different list item,
  /// move the starting item to the position of the current one.
  /// </summary>
  /// <param name="dragFrom"></param>
  /// <param name="e"></param>
  public void DoMouseUp(ModelElement dragFrom, DiagramMouseEventArgs e)
  {
   // Original or "from" item:
   ClassModelElement dragFromElement = dragFrom as ClassModelElement;
   // Current or "to" item:
   ClassModelElement dragToElement = e.HitDiagramItem.RepresentedElements.OfType<ClassModelElement>().FirstOrDefault();
   if (dragFromElement != null && dragToElement != null)
   {
    // Find the common parent model element, and the relationship links:
    ElementLink parentToLink = GetEmbeddingLink(dragToElement);
    ElementLink parentFromLink = GetEmbeddingLink(dragFromElement);
    if (parentToLink != parentFromLink && parentFromLink != null && parentToLink != null)
    {
     // Get the static relationship and role (= end of relationship):
     DomainRelationshipInfo relationshipFrom = parentFromLink.GetDomainRelationship();
     DomainRoleInfo parentFromRole = relationshipFrom.DomainRoles[0];
     // Get the node in which the element is embedded, usually the element displayed in the shape:
     ModelElement parentFrom = parentFromLink.LinkedElements[0];

     // Same again for the target:
     DomainRelationshipInfo relationshipTo = parentToLink.GetDomainRelationship();
     DomainRoleInfo parentToRole = relationshipTo.DomainRoles[0];
     ModelElement parentTo = parentToLink.LinkedElements[0];

     // Mouse went down and up in same parent and same compartment:
     if (parentTo == parentFrom && relationshipTo == relationshipFrom)
     {
      // Find index of target position:
      int newIndex = 0;
      var elementLinks = parentToRole.GetElementLinks(parentTo);
      foreach (ElementLink link in elementLinks)
      {
       if (link == parentToLink) { break; }
       newIndex++;
      }

      if (newIndex < elementLinks.Count)
      {
       using (Transaction t = parentFrom.Store.TransactionManager.BeginTransaction("Move list item"))
       {
        parentFromLink.MoveToIndex(parentFromRole, newIndex);
        t.Commit();
       }
      }
     }
    }
   }
  }

  /// <summary>
  /// Get the embedding link to this element.
  /// Assumes there is no inheritance between embedding relationships.
  /// (If there is, you need to make sure you've got the relationship
  /// that is represented in the shape compartment.)
  /// </summary>
  /// <param name="child"></param>
  /// <returns></returns>
  ElementLink GetEmbeddingLink(ClassModelElement child)
  {
   foreach (DomainRoleInfo role in child.GetDomainClass().AllEmbeddedByDomainRoles)
   {
    foreach (ElementLink link in role.OppositeDomainRole.GetElementLinks(child))
    {
     // Just the assume the first embedding link is the only one.
     // Not a valid assumption if one relationship is derived from another.
     return link;
    }
   }
   return null;
  }
 }
}

Ayrıca bkz.

Başvuru

Decorators özellikleri

Diğer Kaynaklar

Yanıtlama ve değişiklikleri yayılıyor