Hallo, wie kann ich am besten die ProgressBar binden ? Wenn ich im XAML meine ProgressBar so definiere: Versuche ich im ViewModel das so aufzurufen: Ich möchte die Animation im Code Steuern können so in etwa: Denke wenn ich die Value von der ProgressBar binde möchte er einen Int-Wert.mit x:Name oder Name funktioniert es auch nicht. Fehlermeldung: NullreferenceexceptionWie binde ich die ProgressBar also richtig ?

WPF binding ProgressBar?

Hallo,

wie kann ich am besten die ProgressBar binden ?
Wenn ich im XAML meine ProgressBar so definiere:

Bild zum Beitrag

Versuche ich im ViewModel das so aufzurufen:

Bild zum Beitrag

Ich möchte die Animation im Code Steuern können so in etwa:

Bild zum Beitrag

Denke wenn ich die Value von der ProgressBar binde möchte er einen Int-Wert.
mit x:Name oder Name funktioniert es auch nicht.

Fehlermeldung: Nullreferenceexception
Wie binde ich die ProgressBar also richtig ?

3 Antworten

Tobby00

16.08.2019, 12:50

Hallo :)

Du versucht mit deinem Code den du gezeigt hast, dass du eine ProgessBar an den Value einer ProgessBar bindest.

Was du machen musst, ist einen INT in dein ViewModel zu packen. Mach einfach aus deiner ProBar einen INT und es wird gebunden sein.

Woher ich das weiß:Studium / Ausbildung

Tobby00

16.08.2019, 12:53

kleiner Nachtrag: es ist eher nicht der Fall das gesamte Control zu binden. Denn das ViewModel soll dabei helfen die UI und die Logik von einander abzutrennnen.

Tastaturbrix

Fragesteller

16.08.2019, 12:55

Das Problem ist wenn ich das mache kann ich im Code nicht mehr die => IsIndeterminate umschalten, also von false auf true.
Was ich machen möchte ist wenn der User auf einem Button Klickt das IsIndeterminate auf true gesetzt wird und nach abschluss wieder auf false.

Tobby00

16.08.2019, 12:57

@Tastaturbrix

Gebe deiner ProgessBar im XAML die Eigenschaft x:Name="ProBar" und du kannst das machen. Kein ViewModel für diesen Fall nötig.

Tobby00

16.08.2019, 13:03

Achtung, habe nochmal kurz nachgedacht. Natürlich kannst du ein ViewModel verwenden! Solltest du vielleicht sogar. Wie voran gesagt, ist es da um Logik und UI zu trennen! Binde dazu einfach einen BOOL an die ProgessBar Eigenschaft IsIntermediate in deinem XAML. Benennen die Eigenschaft in deinem ViewModel IsItermediateProgessBar. ==> <ProgressBar IsIndeterminate="{Binding IsIntermediateProgessBar}" />

Tobby00

16.08.2019, 13:14

Kann es sein das dein "ViewModel" in der Klasse MainWindow.xaml.cs ist? Das ist eigentlich keine gute Idee. Du kannst das ViewModel in eine andere Klasse auslagern. Und über den ==> this.DataContext = myViewModel BINDEST du das ViewModel an deine UI. Am besten in der InitalizeComponent() Methode. So hast du eine klare seperation zwischen deiner Logik (MainWindow.xaml.cs), deinem ViewModel und deiner UI.

Tastaturbrix

Fragesteller

16.08.2019, 13:28

@Tobby00

Nein, ich habe, wie du geschrieben hast, meine Oberfläche von der Logik getrennt.
Die Ausschnitte hier sind nur ein test beispiel eines größeren Projektes.
Ich habe es so aufgebaut:

Standart MainWindow ist ein verweiß auf ein UserControl, dieses UserControl ist meine MainView, und den DataContext habe ich in deiner beschriebenen Methode gespeichert.

Tastaturbrix

Fragesteller

16.08.2019, 13:33

@Tobby00

TastCommand = new MyCommand(async () =>

{

IsIntermediateProgessBar = true;

await DoWorkAsync();

MessageBox.Show("Erfolgreich");

IsIntermediateProgessBar = false;

}, () => true);

Wenn ich zbs im konstruktor oder in einer Methode dein beispiel anwende funktioniert es einwandfrei, sobald ich es aber in mein befehl einfüge (was async läuft) funktioniert es nicht mehr.
Ne Idee warum ?

Tastaturbrix

16.08.2019, 12:00

Entschuldigung beim letzten bild sollte am Anfang folgendes stehen =>

ProBar.IsIndeterminate = true;

guschteusz

16.08.2019, 12:15

AFAIK funktionieren Progress-Bars am Besten über Background-Worker. Ansonsten kannst du auch ein Dispatch.Invoke machen, z.B

Dispatcher.Invoke(()=>

{

ProgressBar.Value = 5;

});

Wenn das zu schnell geht kannst du auch im Dispatcher Invoke ein Thread Sleep machen

Ähnliche Fragen

XAML Binding Fehler?

Hallo,

Ich habe ein .NET 6 WPF Projekt bei dem bei einem Binding in XAML ein seltsamer Fehler auftritt:

XAML Code:

<Page x:Class="Calculator.Views.Pages.CalcPage"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
      xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
      xmlns:ViewModel="clr-namespace:Calculator.ViewModels.Pages"
      mc:Ignorable="d" 
      Height="106.642857142857" Width="217.785714285714">
    <Page.DataContext>
        <ViewModel:CalcPageViewModel/>
    </Page.DataContext>
    <Grid>
        <ScrollViewer VerticalScrollBarVisibility="Disabled" HorizontalScrollBarVisibility="Disabled">
            <ListView ItemsSource="{Binding Equations}" ItemTemplate="{StaticResource ResourceKey=EquationModelTemplate}" Background="Transparent"/>
        </ScrollViewer>
    </Grid>
</Page>

Fehler:

Die Eigenschaft im Datacontext existiert definitiv da diese mir wenn ich die XAML erstelle sogar vorgeschlagen wird und vom Typ müsste das auch passen da die Eigenschaft vom Typ

System.Collections.ObjectModel.ObservableCollection<EquationModel>

ist. Danke schon mal im voraus für Vorschläge.

...zur Frage

C# WPF if verkürzen?

Hallo,

habe in WPF ein Formular zum Anmelden von Mitarbeitern, habe in der xaml meine txtBox mit x:Name versehen das ich eine Abfrage im Code-Behind mit den werten machen kann.

Nun will ich abfragen ob überhaupt was reingeschrieben wurde, also zum beispiel :
if(txtName == null)
{

if(txtAlter != null)
{

usw

}

kann ich die if abfrage auch verkürzen ? Weil es werden circa 10 if´s ineinander verschachtelt.

...zur Frage

C# WPF => MVVM?

Hallo,

weis jemand wo ich gute beispiele für MVVM (Model-View-ViewModel) finde ?

Ich suche keine Schritt für schritt Anleitung wo Commands Binding etc erklärt wird, ich suche eher eine "Best Practice" bzw tipps und tricks, wo einem auch die Regeln erklärt werden.

Am besten auf Deutsch => Englisch auch ok.

...zur Frage

C# WPF Inhalt Wechseln MVVM?

Hallo,

ich bin noch relativ neu in der Welt von C# WPF.

Meine frage ist:

Wie kann ich meinen Inhalt mit dem MVVM Muster wechseln ?

Also beim Klicken auf ein Button damit was anderes gezeigt wird.

Momentan habe ich es so das ich ein ICommand Klasse habe für die Buttons, ein ObservableObject (INotifyPropertyChanged) für die Benachrichtigungen.

Auf meiner MainView habe ich dann ein UserControl in meinem Grid:

<UserControl Content="{Binding CurrentView}"/>

In meiner VM Klasse:

private UserControl currentView;
public UserControl CurrentView
{
    get { return currentView; }
    set { currentView = value; OnPropertyChanged(); => Läuft mit NameOf }
}

Nun bin ich mir aber bewusst das ich gegen die MVVM Regel Verstöße weil ich das UserControl in meiner VM angelegt habe.

Gibt es außer dem UserControl noch andere Möglichkeiten den Content zu wechseln ?

Hab auch mal gelesen das zu viele UserControls die Anwendung langsamer macht, stimmt das ?

...zur Frage

Wie kann ich meinen Button Click so ändern, dass er immer automatisch ausgeführt wird, wenn meine TextBox nicht mehr leer ist?

Ich habe ein DataGrid bei dem ich mit MVVM die Daten beziehe. Jetzt habe ich es so gemacht das wenn ich diesen Button drücke:

<TextBlock Text="&#xE71C;" x:Key="DataGridSelectAllButtonStyle.Content"/>
                <Style x:Key="{ComponentResourceKey ResourceId=DataGridSelectAllButtonStyle, TypeInTargetAssembly={x:Type DataGrid}}"
                    TargetType="{x:Type Button}">
                    <Setter Property="Background" Value="Gray"/>
                    <Setter Property="BorderBrush" Value="White"/>
                    <Setter Property="BorderThickness" Value="0 0 1 0"/>
                    <EventSetter Event="Click" Handler="ClearButton_Click"/>
                    <Setter Property="Content">
                        <Setter.Value>
                            <StackPanel Background="Gray" Height="40" Width="11">
                                <Separator Background="White" Margin="0,17,-1,0"/>
                                <TextBlock Background="{x:Null}" HorizontalAlignment="Center" Height="13"  Margin="0 5 0 0"
                            FontFamily="Segoe MDL2 Assets" FontWeight="Light" FontSize="7"
                            Text="{Binding Text, Source={StaticResource DataGridSelectAllButtonStyle.Content}}">
                                </TextBlock>
                            </StackPanel>
                        </Setter.Value>
                    </Setter>
                </Style>

Und meine TextBoxen nicht leer sind sie dann automatisch geleert werden. Wenn jedoch die TextBoxen nicht leer sind und ich denn Button noch nicht gedrückt habe soll sich der Content von dem Button ändern zu einem Kreuz. Das habe ich bereits jedoch nur bedingt geschafft denn jetzt ist es bei mir so das nur wenn ich auf denn Button Clicke der Content geändert wird und nicht automatisch sobald er erkennt die TextBoxen sind nicht mehr leer. Also mein Ziel ist es das wenn die TextBoxen leer sind das standard Symbol (Content) angezeigt wird und sobald eine der TextBoxen nicht mehr leer sind soll sich der Button Content automatisch in ein Kreuz ändern und nicht wie jetzt das es nur manuell über das Klicken auf den Button funktioniert und sobald alle TextBoxen wieder leer sind soll das Anfangs Symbol(Content gezeigt werden). Und hier ist erstmal mein Code Behind womit ich denn Button content per Click event ändere:

private void ClearButton_Click(object sender, RoutedEventArgs e)
        {
            if (!String.IsNullOrEmpty(IDSearcBox.Text))
            {
                if (sender is FrameworkElement element)
                {
                    TextBlock textBlock = (TextBlock)element.FindResource("DataGridSelectAllButtonStyle.Content");
                    textBlock.Text = textBlock.Text == "\xE711"
                        ? "\xE71C"
                        : "\xE711";
                }
            }
        }

...zur Frage

SwiftUI Verständnisfrage?

Hallo,

Es geht um folgende Codezeilen:

struct Stars: View {
    
    @Binding var rating: Int
    
    var body: some View {
            HStack {
                
                ForEach(1 ..< 6) { value in
                    Button(action: {
                        self.rating = value
                    
                    }){
                  Image(systemName: value <=   self.rating ? "star.fill" : "star")
                }
            }
        }
    }
}

Grundsätzlich weiß ich was da passiert. Aber ich würde gerne wissen, wo definiert ist, wieviel Sterne ich an der Stelle angeklickt habe, bzw wie der ein Wert in die Variable "value" kommt. Es ist offenbar nicht die aktuelle Schleifen Iteration.

Kann mir bitte jemand Erleuchtung schenken?

...zur Frage

WPF DataContext nicht über Code-Behind?

Hallo,

ich habe folgendes:

XAML:

Dazu habe ich noch 3 andere Benutzersteuerelemente, die als Background die jeweilige farbe haben, und natürlich die jeweilige View.

Wenn ich jetzt auf den Buttons ein Click-Event schreibe, statt Command, dann kann ich im Code-Behind zu jedem Button den DataContext (Also das ViewModel) setzten.

Wie kann ich das über Command´s erreichen ? Da ich ja in meinem MainViewModel kein Zugriff auf das DataContext habe.

Ist das so überhaupt MVVM Konform, mit Code-Behind ?

Hab diesen Ansatz auf Youtube gefunden:
youtube.com/watch?v=xUwk2-_tRzo

...zur Frage

Wieso funktioniert meine WPF-Bindung zwischen Textbox und Property nicht?

Hi Leute,

ich möchte eine Bindung erzeugen.

Es gibt eine Textbox in der man etwas eingeben kann. Die Änderungen in der Textbox sollen in eine Property einer Model-Klasse geschrieben werden per Binding.

Die Property ist wiederum an die TextProperty eines Labels gebunden (Es soll so gemacht werden laut Aufgabenstellung).

Trotz meiner Bindungen aktualisiert sich das Label nicht wenn ich etwas in der TextBox eingebe.

Hier der Code aus dem Code-Behind. Die Komponenten wie Textbox, Label sind im XAML angelegt.

Student marco = new Student("Max", "Mustermann", 12345689);

Binding myBinding = new Binding(nameof(marco.Matrikelnummer));

myBinding.Source = marco;

myBinding.Mode = BindingMode.TwoWay;

myBinding.UpdateSourceTrigger = UpdateSourceTrigger.PropertyChanged;

studentAnzeige.SetBinding(Label.ContentProperty, myBinding);

Binding second = new Binding(nameof(marco.Matrikelnummer));

second.Source = marco;

second.Mode = BindingMode.TwoWay;

second.UpdateSourceTrigger = UpdateSourceTrigger.PropertyChanged;

tb1.SetBinding(TextBox.TextProperty, second);

Kann mir jemand weiterhelfen?

...zur Frage

C# Wpf Label Text ändern wenn RadioButton gedrückt wurde?

Ich habe zwei Radio Buttons, je nach Radio Button würde ich gern den Text eines Labels ändern.

Geht das mit einem Frontend also XAML Binding?

Wenn Ja, wie kann ich das realisieren

...zur Frage

Button verschieben in C# (WPF) bzw. XAML?

Guten Tag liebe Leutz,

habt ihr eine Ahnung, wie ich den Quit-Button in die Ecke (unten, rechts) verschoben bekomme. Zusätzliche Bedingung: Bei Vergrößerung des Fensters soll der Quit-Button stets rechts-unten bleiben.

Besten Gruß

...zur Frage

C# WPF User Control Typname nicht vorhanden?

Hallo an alle Programmierfreunde da draußen!

Ich wollte mir gerne eine Custom User Control erstellen, weil ich sie in dieser Art und Weise in fast jeder WPF-App verwende.

Mein C# - Code:

using System.Collections.Generic;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Input;
using System.Windows.Media;

namespace MenuBar
{
    public partial class MenuBar : UserControl
    {
        public List<string> Buttons;
        public SolidColorBrush Background;
        public SolidColorBrush Foreground;
        public SolidColorBrush BorderBrush;
        public Thickness BorderThickness;

    public MenuBar(int winHeight)
    {
        InitializeComponent();
        GridMenu.Height = winHeight;
        GridMenu.HorizontalAlignment = HorizontalAlignment.Stretch;
        GridMenu.VerticalAlignment = VerticalAlignment.Top;
    }

    public void Create()
    {
        ColumnDefinition c;
        for (int i = 0; i &lt;= Buttons.Count; i++)
        {
            c = new ColumnDefinition();
            c.Width = new GridLength(GridMenu.Width / Buttons.Count);
            GridMenu.ColumnDefinitions.Add(c);
        }

        Button btn;
        int col = 0;
        foreach (string s in Buttons)
        {
            btn = DefaultButton(s);
            GridMenu.Children.Add(btn);
            Grid.SetColumn(btn, col);
            col++;
        }
    }

    private Button DefaultButton(string title)
    {
        Button btn = new Button();
        btn.Width = GridMenu.Width / Buttons.Count;
        btn.Height = GridMenu.Height;
        btn.Background = Background;
        btn.Foreground = Foreground;
        btn.Cursor = Cursors.Hand;
        btn.BorderBrush = BorderBrush;
        btn.BorderThickness = BorderThickness;
        btn.Content = title;
        
        return btn;
    }
}

}

Mein XAML - Code:

<UserControl x:Class="MenuBar.MenuBar"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:local="clr-namespace:MenuBar"
             mc:Ignorable="d"
             x:Name="Menu">
    <Grid x:Name="GridMenu"></Grid>
</UserControl>

Abgesehen davon, dass ich nicht sicher sagen kann, dass der Code so funktioniert, bekomme ich schon beim Build eine Fehlermeldung:

MenuBar.xaml(9, 26): [CS0426] Der Typname "MenuBar" ist im Typ "MenuBar" nicht vorhanden.

Ich habe leider absolut keine Ahnung, wo der Fehler liegt, ich programmiere noch nicht so lange. Vielleicht kann mir jemand von euch helfen?

Das Projekt wurde als DesktopApplication im .NETCore v3.1 mit JetBrains Rider erstellt.

Danke für die Hilfe!

...zur Frage

C# WPF Button?

Hallo,

hier, mal wieder, eine C# frage.

Folgendes:

Ich habe meine MainView und klicke auf weiter => angekommen am UserControl habe ich 2 Buttons, wie kann ich einstellen das zbs der erste Button gedrückt bzw Aktiviert ist, also das er schon "geklickt" ist.

Ich habe meine Buttons mit Commands an mein ViewModel gebunden.

Mfg

...zur Frage

Wie erstelle ich in C# Wpf einen Runden ToggleButton?

Ich möchte einen ToggleButten erstellen, der einen runden Rand hat und seine Breite automatisch anpasst.

Mein Code bisher:

Style:

<Style TargetType="ToggleButton" x:Key="favorite_btn">
            <Setter Property="Height" Value="30"/>
            <Setter Property="Width" Value="Auto"/>
            <Setter Property="Background" Value="Red"/>
            <Setter Property="Foreground" Value="White"/>
            <Setter Property="Cursor" Value="Hand"/>
            <Setter Property="Margin" Value="60,0"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate>
                        <Border BorderBrush="{TemplateBinding Background}" BorderThickness="1" CornerRadius="20">
                            <StackPanel Orientation="Horizontal" Background="Red">
                                <Image Height="20" Width="20" Source="{Binding Path=Image}" VerticalAlignment="Center" Margin="5,0,0,0"/>
                                <TextBlock Text="{Binding Path=Text}" Foreground="White" FontSize="20" Margin="5,0" VerticalAlignment="Center" Width="Auto"/>
                            </StackPanel>
                        </Border>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

und

<ToggleButton DockPanel.Dock="Top" x:Name="favorite_btn" Style="{StaticResource favorite_btn}" Checked="favorite_btn_Checked" Unchecked="favorite_btn_Unchecked" />

Jedoch bekomme ich am Ende folgendes heraus:

Herauskommen soll aber:

Was mach ich falsch?

...zur Frage

Wie kann ich in WPF diese Weißen Felder entfernen?

Guten tag ich habe in meinem WPF Programm jetzt irgendwie solche weißen Felder:

Also das ganz links und das zwischen dem Header und denn Cells,wie kriege ich die Weg?

Mein Code:

<StackPanel Orientation="Vertical" Background="Red">
        <DataGrid Height="438" x:Name="data" Width="801" >
            <DataGrid.Resources>
                <Style TargetType="{x:Type DataGridColumnHeader}">
                    <Setter Property="Background" Value="#292F3B"/>
                    <Setter Property="Foreground" Value="LightBlue"/>
                    <Setter Property="FontWeight" Value="SemiBold"/>
                    <Setter Property="Height" Value="30"/>
                    <Setter Property="FontSize" Value="15"/>
                    <Setter Property="BorderThickness" Value="0,0,2,0" />
                    <Setter Property="BorderBrush" Value="#333333"/>
                    <Setter Property="Padding" Value="10 0 0 0"/>
                    <Style.Triggers>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter Property="Background" Value="#454F5D"/>
                        </Trigger>
                    </Style.Triggers>
                    
                </Style>
                <Style TargetType="{x:Type DataGrid}">
                    <Setter Property="Background" Value="#20262E"/>
                </Style>


                <Style TargetType="{x:Type DataGridCell}">
                    <Setter Property="Background" Value="#292F3B"/>
                    <Setter Property="Foreground" Value="LightBlue"/>
                    <Setter Property="BorderThickness" Value="0,0,2,0" />
                    <Setter Property="BorderBrush" Value="#333333"/>
                    <Setter Property="Margin" Value="0 5 0 0"/>
                    <Style.Triggers>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter Property="Background" Value="#454F5D"/>
                        </Trigger>
                    </Style.Triggers>
                </Style>
            </DataGrid.Resources>
            
            
            
            <DataGrid.Columns>
                <DataGridTextColumn Header="user" Binding="{Binding user}"   Width="*"/>
                <DataGridTextColumn Header="User1" Binding="{Binding user1}" Width="*"/>
                <DataGridTextColumn Header="User2" Binding="{Binding user2}" Width="*"/>
                <DataGridTextColumn Header="User3" Binding="{Binding user3}" Width="*"/>
                <DataGridTextColumn Header="User4" Binding="{Binding user4}" Width="*"/>
            </DataGrid.Columns>
        </DataGrid>
    </StackPanel>

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen