버튼을 클릭 할 때 버튼 이미지가 텍스트와 정렬되지 않습니까?

Question

.NET의 버튼 이미지에 약간의 문제가 있습니다. 단추의 이미지가 작동 할 것으로 예상 할 때 동작하지 않습니다.

버튼의 속성에서 이미지를 설정할 수 있습니다. 그래서 이미지를 선택하면 이미지가 버튼에 나타납니다! 여태까지는 그런대로 잘됐다. 버튼을 클릭하거나 눌 렸을 때 버튼의 텍스트가 한 픽셀 아래로 이동하여 깊이를 만듭니다. 하지만 이미지가 아닙니다! 그것은 같은 위치에 머무를 것이고 이상하게 보일 것입니다. BackgroundImage 속성도 있지만 그보다 더 나쁩니다! BackgroundImageLayout을 Center 대신 None으로 설정하면 이미지가 위로 이동하고 눌렀을 때이 나오기 때문에 텍스트의 반대 방향으로 향하게됩니다! 그게 뭐야?

어쨌든, 내가 달성하고 싶은 것은 버튼이 눌러 진 상태 일 때 텍스트가 움직이는 것처럼 움직이는 버튼 이미지입니다. 이것을 할 수있는 방법이 있습니까?

Answer 1

새 이미지를 만들어 원래 이미지를 오프셋으로 붙여 넣기 만하면됩니다. 그런 다음 Button의 Image으로 설정하십시오.

는

예 :

private void button1_MouseDown(object sender, MouseEventArgs e) 
{ 
    // replace "button_image.png" with the filename of the image you are using 
    Image normalImage = Image.FromFile("button_image.png"); 
    Image mouseDownImage = new Bitmap(normalImage.Width + 1, normalImage.Height + 1); 
    Graphics g = Graphics.FromImage(mouseDownImage); 
    // this will draw the normal image at an offset on mouseDownImage 
    g.DrawImage(normalImage, 1, 1); // offset is one pixel each for x and y 
    // clean up 
    g.Dispose(); 
    button1.Image = mouseDownImage; 
} 

private void button1_MouseUp(object sender, MouseEventArgs e) 
{ 
    // reset image to the normal one 
    button1.Image = Image.FromFile("button_image.png"); 
} 

편집 : 이미지는 '팝'백업 마우스 버튼을 계속 누르고있는 동안 커서가 버튼 영역을 벗어날 때 (참조하지 않을 경우 다음 함수는 노동의 문제를 해결 아래 코멘트) :

private void button1_MouseMove(object sender, MouseEventArgs e) 
{ 
    Point relMousePos = e.Location; 
    bool mouseOverButton = true; 
    mouseOverButton &= relMousePos.X > 0; 
    mouseOverButton &= relMousePos.X < button1.Width; 
    mouseOverButton &= relMousePos.Y > 0; 
    mouseOverButton &= relMousePos.Y < button1.Height; 
    if (mouseOverButton != MouseButtons.None) 
    { 
     button1_MouseDown(sender, e); 
    } 
    else 
    { 
     button1_MouseUp(sender, e); 
    } 
}