Taste, Bilder, Transparenz, MouseOver-Farben

Habe ich eine Schaltfläche, die ich gemacht habe, Flach, ohne Rand, so dass, wenn es ist ein Bild, es ist nahtlos suchen.

Dem Bild möchte ich hinzufügen, dass dieser button ist im Grunde nur ein ungefülltes Rechteck (png-Datei aus einer Datei).

Wenn ich die Maus über diesen button, habe ich die backcolor zu rot. Wenn es das tut, wird das Rechteck, das das Bild offensichtlich nicht zu rot..es bleibt, was auch immer Farbe aus dem Bild.

Wollte ich wissen, ob es einen Weg gibt, um ein Bild hinzuzufügen, die die aktuelle Hintergrundfarbe transparent ist (nehme ich an?).

Dem Bild ist ein blaues Rechteck mit einem sehr, sehr hellen braunen hintergrund. Wenn ich mit der Maus über ich möchte, dass der GESAMTE button backcolor zu rot sein, aber nur zu halten, das Blaue Rechteck. Gerade jetzt, wenn Sie mouseover-Effekt können Sie deutlich sehen, die Größe des Bildes selbst.

Möchte ich lieber nicht Grafiken zeichnen auf die Schaltfläche. (In Wirklichkeit diesem Bild ist der Umriss eines computer-monitor...aber es ist im wesentlichen ein Rechteck für diesen Fall)

Gibt es eine Möglichkeit, dies zu tun mit dem Image oder BackgroundImage Eigenschaften?

InformationsquelleAutor Bill | 2015-07-22

  1. 2

    Setzen Sie Ihr Bild in Resources (Projekt/Eigenschaften/Ressourcen/Images/Ressource Hinzufügen und aus dropdown-Menü wählen Sie " Hinzufügen Vorhandene Datei...).

    Dann verwenden Sie diesen code :

        Private Sub Form1_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load
      With Button1
        .Text = ""
        .UseVisualStyleBackColor = False
        .BackColor = Color.Transparent
        .FlatStyle = FlatStyle.Flat
        .FlatAppearance.BorderSize = 0
        .FlatAppearance.MouseOverBackColor = Color.Red
        .BackgroundImageLayout = ImageLayout.Center
        .BackgroundImage = My.Resources.XXX 'image name from Resources
      End With
    End Sub

    Private Sub Button1_MouseHover(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.MouseHover
            With Button1
                .BackgroundImage = Nothing
                .FlatAppearance.BorderColor = Color.Blue
                .FlatAppearance.BorderSize = 2  'or what is size of Your border in px (take from Your image)
            End With
    End Sub

    Private Sub Button1_MouseLeave(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.MouseLeave
            With Button1
                .BackColor = Color.Transparent
                .BackgroundImage = My.Resources.XXX 'image name from Resources
                .FlatAppearance.BorderSize = 0
            End With
    End Sub

    Natürlich, Sie können erstellen Sie Ihre eigenen Buttons (Klasse) und in Ihr Projekt importieren, wo Sie können dies vermeiden MouseHover und MouseLeave für jeden button.

    btw. All dies können Sie tun ohne Bild wenn Sie Ihr Bild haben, nur border und background Bild ist nicht Verlauf. Dann können Sie vermeiden MouseHover und MouseLeave.

    Edit :
    Es ist der code, wenn Sie nicht brauchen, Bild (Grenze der button ist immer blue von 2px -, hintergrund-Farbe ist eine Art von hellbraun, und auf hover-hintergrund-Farbe ist rot, aber Grenze bleiben blau mit 2px).

    With Button2
  .UseVisualStyleBackColor = False
  .BackColor = Color.FromArgb(217, 195, 154)
  .FlatStyle = FlatStyle.Flat
  .FlatAppearance.BorderSize = 2
  .FlatAppearance.BorderColor = Color.Blue
  .FlatAppearance.MouseOverBackColor = Color.Red
 End With

    InformationsquelleAutor nelek

Schreibe einen Kommentar