Draggable圖像

Question

我的Windows窗體上有可拖動的圖像。 PNG本身具有透明背景，但它只能在我加載時匹配面板的背景色。還有其他不同顏色的標籤，我希望能夠在拖動時看到。任何人都知道該怎麼做才能做到這一點？

http://postimg.org/image/d8p4s53pf/

編輯：

試圖使圖片框忠實地TRANSPARANT。拖動的東西已經完成，但背景只是面板的背景，並沒有顯示它通過的控制。

我用過這個，但有點不好。

protected override CreateParams CreateParams 
    { 
     get 
     { 
      CreateParams cp = base.CreateParams; 
      cp.ExStyle = 0x00000020; //WS_EX_TRANSPARENT 
      return cp; 
     } 
    } 

    protected override void OnPaintBackground(PaintEventArgs pevent) 
    { 
     //do nothing 
    } 

    protected override void OnMove(EventArgs e) 
    { 
     RecreateHandle(); 
    } 

Answer 1

可拖曳Controls因爲WinForms並不難。但一旦他們需要透明度選項是相當受限制：每個必須完全包含在其Parent;這意味着它們都必須是嵌套。在圖形程序中創建一組透明圖層沒有問題。

但是，即使移動一個PictureBox-Pawn跨越其他董事會完全不會與WinForms Controls工作。

但是你的目標很簡單，就是在沒有任何移動控件的情況下做。

相反，您可以簡單地將棋子繪製到Paint事件中的控制表面上。我實現了一個初步的解決方案，這裏是Paint事件如此：

List<ChessPiece> pieces = new List<ChessPiece>(); 
int mpIndex = -1;  // index of the moving piece 
Rectangle mmr;  // rectangle where moving piece is drawn 

// board display variables 
int pieceSize = 60; 
int tileSize = 80;  
int borderWidth = 50; 

private void pictureBox1_Paint(object sender, PaintEventArgs e) 
{ 
    foreach(ChessPiece p in pieces) 
    { 
     if (!p.onBoard) continue; // skip the piece? 

     e.Graphics.DrawImage(imageList1.Images[p.pieceIndex], 
          borderWidth + p.col * tileSize, 
          borderWidth + p.row * tileSize); 

    } 
    // if we have a moving piece.. 
    if (mpIndex >= 0 && !pieces[mpIndex].onBoard) 
     e.Graphics.DrawImage(imageList1.Images[pieces[mpIndex].pieceIndex], 
          mmr.Location); 
} 

正如你可以看到它確實不是很長。它使用了一些明顯的變量和一些不太明顯的變量。必須事先準備pieces列表和ImageList。矩形mmr設置在MouseMove：

private void pictureBox1_MouseMove(object sender, MouseEventArgs e) 
{ 
    if (e.Button == System.Windows.Forms.MouseButtons.Left) 
    { 
     mmr = new Rectangle(e.X - pieceSize/2, 
          e.Y - pieceSize/2, pieceSize, pieceSize); 
     pictureBox1.Invalidate(); // trigger the painting 
    } 
} 

我不會發布MouseUp和-Down事件，因爲它們含有大部分代碼，實際上並不屬於移動的透明圖像，但在管理片的名單..

最主要的想法是從一個棋子列表中繪製所有圖像，除非棋子不在棋盤上。移動件是分開繪製的，它的座標不是來自板的位置，而是來自鼠標的位置。

如果在MouseUp事件中我們發現該移動是非法的，我們可以簡單地將其設置爲onBoard而不更改位置並將其繪製在舊位置。

在MouseDown我們確定點擊的那一塊，設置它的onBoard=false並設置移動索引mpIndex。

作品的類別不長或複雜;

public class ChessPiece 
{ 
    public bool onBoard { get; set; } // is the piece standing on the board? 
    public int row { get; set; }   // row 
    public int col { get; set; }   // column 
    public char piecetype { get; set; } // a little simplistic..not used.. 
    public char color { get; set;}  // .. could be an enumeration! 
    public int pieceIndex { get; set; } // points into imageList with 12 images 

    public ChessPiece(char color, char type, int r, int c, int ind) 
    { onBoard = true; piecetype = type; this.color = color; 
     row = r; col = c; pieceIndex = ind; } 

} 

總而言之的完整代碼是大約180行，未註釋的，但包括60行和單獨沒有任何國際象棋邏輯建立塊..

這裏是前3行的代碼以創建件：

void makePieces() 
{ 
    ChessPiece 
    p = new ChessPiece('W', 'R', 7, 0, 8); pieces.Add(p); 
    p = new ChessPiece('W', 'N', 7, 1, 10); pieces.Add(p); 
    p = new ChessPiece('W', 'B', 7, 2, 9); pieces.Add(p); 
    .. 

所以，移動的透明Png圖形相對於其它Png圖形和一個板圖像是相當簡單.. 這裏是一個屏幕截圖，顯示了黑色的主教在白騎士：