¿Cómo cargar una imagen con un botón?

[REHome]

Hola:

Me dio por probar WPF de C#, menudo cambio que me siento muy nuevo, ;)

He insertado el componente llamado Image, un label y uno lmado Rectangle, ya que no encontraba el panel. Introduzco dos button también para cambiar de color en imagen.



Para agregar una imagen en el componente Image, como indica las capturas abajo.



Pulso dos veces el button para insertar código indicado abajo.
[code=csharp] imagen.Source = (new BitmapImage(new Uri(Led rojo encendido.png, UriKind.Relative)));
label_Leyendo.Content = "Botón pulsado";[/code]

Sale errores.


En cuanto al componente Rectangle, no se como llamarlo para cambiar de color, el que sea, quiero saber como se hace.

Un cordial saludo.

[Malenko]

Se tendría que ver el código porque saltan hasta 6 errores en la misma línea...

[REHome]

Buenas:

Disculpe, me olvidé de poner el código. ;)

Código C++:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;
 
namespace Entrada_Arduino_WPF_1_CS
{
    /// <summary>
    /// Lógica de interacción para MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }
 
        private void button_Click(object sender, RoutedEventArgs e)
        {
            imagen.Source = (new BitmapImage(new Uri(Led rojo encendido.png, UriKind.Relative)));
            label_Leyendo.Content = "Botón pulsado";
            
        }
    }
}
 

Saludos.

[Malenko]

Has probado a poner comillas en la línea 30?

Código:

imagen.Source = (new BitmapImage(new Uri("Led rojo encendido.png", UriKind.Relative)));

[REHome]

Hola:

Excato, ahora me funciona.

namespace Entrada_Arduino_WPF_1_CS
{
/// <summary>
/// Lógica de interacción para MainWindow.xaml
/// </summary>
public partial class MainWindow : Window
{
public MainWindow()
{
InitializeComponent();
}

private void button_Click(object sender, RoutedEventArgs e)
{
image.Source = (new BitmapImage(new Uri("Led rojo encendido.png", UriKind.Relative)));
label_Leyendo.Content = "Encendido.";
}

private void button_apagar_Click(object sender, RoutedEventArgs e)
{
image.Source = (new BitmapImage(new Uri("Led rojo apagado.png", UriKind.Relative)));
label_Leyendo.Content = "Apagado.";
}
}
}

Me falta entender como se le cambia el color al componente rectangle, com noombre del componente, lo he llamado Rectangulo ya que no tenía nombre y debo ponerlo.

Al menos para el botón encender de color verde el Rectangulo, así, sin tildes y el botón de apagado en rojo.

Saludos y gracias.

[Malenko]

Has de usar la propiedad Fill del rectangle.

Un ejemplo lo puedes encontrar aquí.

[REHome]

Gracias, el código fuente de ejmplo por si algún visitante lo quiere claro.

Código:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace Entrada_Arduino_WPF_1_CS
{
    /// <summary>
    /// Lógica de interacción para MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        private void button_Click(object sender, RoutedEventArgs e)
        {
            image.Source = (new BitmapImage(new Uri("Led rojo encendido.png", UriKind.Relative)));
            label_Leyendo.Content = "Encendido.";
            Rectangulo.Fill = new SolidColorBrush(Colors.Green);
        }

        private void button_apagar_Click(object sender, RoutedEventArgs e)
        {
            image.Source = (new BitmapImage(new Uri("Led rojo apagado.png", UriKind.Relative)));
            label_Leyendo.Content = "Apagado.";
            Rectangulo.Fill = new SolidColorBrush(Colors.Red);
        }
    }
}

Saludos.