WPF Designer Vollbild?

Hallo,

eine, wie ich denke Banale frage, aber ich finde es nicht.

Wenn ich mittels WPF (C#, .Net) eine Anwendung programmieren möchte und diese im Vollbild laufen soll verwende ich für gewöhnlich - WindowState="Maximized" - Bild zum Beitrag

Wenn ich nun aber ganz links und ganz rechts etwas Platziere, zum beispiel ein Button und die Anwendung starte ist der button Rechts nicht ganz rechts.

Denke es liegt an der Height / Width weil es so definiert worden ist, wenn ich diese Lösche ändert sich dabei nichts.

Wie kann ich also das Fenster im Designer auf Vollbild stellen, damit wenn ich Sachen dort reinziehe das es im Vollbildmodus genau gleich aussieht wie im Desginer ???

1 Antwort

Palladin007

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, Technik, programmieren

05.10.2020, 17:34

Du solltest in WPF nicht den Designer nutzen.
Der tut zwar, was er soll, aber eben nicht gut.
Für's Anzeigen ohne Builden zu müssen, taugt der aber.

Arbeite lieber direkt im XAML, sobald es komplexer wird, kommst Du da sowieso nicht mehr dran vorbei und mit etwas Übung brauchst Du auch kein Vorschaubild mehr, um zu wissen, wie es am Ende aussieht.

Und Du hast vermutlich dein Control irgendwo hin gezogen? In dem Fall positioniert der Designer mit Hilfe von Margins und das wird natürlich nicht angepasst, wenn sich die Größe ändert. Arbeite lieber mit Panels (StackPanel, DockPanel, Grid, etc.) um deine Controls zu positionieren, die sind nämlich darauf optimiert, sich der Größe anzupassen. Außerdem solltest Du keine festen Größen nutzen (außer sie ist explizit gewollt, wie beim Window) und Margins sind nicht zum Positionieren da, sondern um einen Abstand zum Rest festzulegen.

Am meisten arbeite ich mit dem Grid, damit kann man eine tabellenartige Struktur mit relativen Maßen bauen, das funktioniert auch hervorragend ineinander verschachtelt oder mit ColumnSpan oder RowSpan.
Alternativ natürlich das DockPanel oder StackPanel, was ich man sehr oft im ItemsControl (oder Derivaten davon) findet, denn da ist das der Default zum Anzeigen der Items.

Es gibt natürlich noch mehr Panels, aber das dürften die Wichtigsten sein.

Woher ich das weiß:Berufserfahrung

SAP187

Fragesteller

05.10.2020, 21:24

Vielen Dank für die ausführliche Antwort, weis ich echt zu schätzen.

Ich werde mich damit befassen, alles andere hilft ja nicht.

Vielen dank.

Ähnliche Fragen

WPF UserControl Height/Width?

Hallo,

angenommen ich habe in meiner WPF-Anwendung ein MainWindow(Window) das mit Vollbild (WindowState="Maximized") läuft , in dem ist ein UserControl, wie kann ich das UserControl auf die selbe größe bringen ?

Ich habe die ein oder andere Methode gefunden aber keine die wirklich zufriedenstellt....

Kann ich das direkt in XAML machen oder funktioniert es nur im Code ?

...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 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

HTML & CSS Button-breite anpassen?

Hey, im voraus möchte ich schonmal erwähnen das ich hier absoluter Neuling bin.

Seit ein paar Tagen "spiele" ich etwas mit HTML und CSS herum, ich hab einen Button eingefügt dem ich ein img hinzugefügt habe, nun bekomme ich die Breite des Buttons aber nicht angepasst, entweder es ändert sich garnichts oder der Button bedeckt die vollständige Seite.

Ist es überhaupt möglich den Buttn in % zu skalieren oder muss ich mit px arbeiten?

Hoffe mich kann jemand aufklären :)

Habe mir das ganze nochmal angeschaut, macht den Eindruck als würde "width" vollständig ignoriert. Wenn ich "height" verändere passt sich "width" automatisch an um die Proportionen beizubehalten.

...zur Frage

Bei Button1_Click ein Label und einen Button erstellen C#?

Hallo,

Problem ist folgendes: ich möchte eine ToDo Liste in C# und XAML erstellen. Wenn man einen Knopf drückt, dann soll unten in einem StackPanel ein Label und ein Knopf, der das zugehörige Label sowie sich selbst beim klicken löscht, erstellt werden. In dem Label soll der Text von einer TextBox stehen. Man kann also sozusagen eine Aufgabe erstellen, dann wird sie in ein label mit einem Button geschrieben, und wenn man sie erledigt hat, klickt man auf den button und die Aufgabe verschwindet mit dem Button. Ich bin noch einsteiger und habe mal im Internet geguckt, konnte dort aber nichts hilfreiches finden.

Hier der Xaml-Code

<Grid>

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

<Label>Gebe eine Aufgabe ein</Label>

<Button Width="100" HorizontalAlignment="Left" Margin="10" Click="Button_Click">Bestätigen

</Button>

<Button Width="100" HorizontalAlignment="Left" Margin="10">Alles Löschen</Button>

</StackPanel>

</Grid>

Nach möglichkeit soll das Label in der Linken Spalte und der Button in der rechten Spalte angezeigt werden.

Lg und Vielen dank schonmal

...zur Frage

Tkinter hängt sich auf wenn ich den Button drücke?

Hi, ich soll für die Schule in Informatik ein Verschlüsselungsprogramm schreiben. Ich habe hier die Caeser verschlüsselung genommen. Der Code hat ohne Tkinter Super Funktioniert:

def Code():

code = input("Code: ")

Verschiebung = int(input("Verschiebungsfaktor: "))

coded = "".join(chr((ord(char) + Verschiebung) % 256) for char in code)

print("Verschlüsselter Code:", coded)

def Encode():

code = input("Verschlüsselung: ")

x = int(input("Verschiebungsfaktor: "))

Verschiebung = -x

encoded = "".join(chr((ord(char) + Verschiebung) % 256) for char in code) print("Entschlüsselter Code:", encoded)

Hier ist der Code mit Tkinter:

from tkinter import *

def Code():

code = input(b.get())

Verschiebung = int(input(d.get()))

coded = "".join(chr((ord(char) + Verschiebung) % 256) for char in code)

h.config(text=coded)

def Encode():

code = input(b.get())

x = int(input(d.get()))

Verschiebung = -x

encoded = "".join(chr((ord(char) + Verschiebung) % 256) for char in code)

h.config(text=encoded)

F = Tk()

F.title('Coding')

F.geometry('500x500')

F.config(bg='gray')

a = Label(master=F, text='Eingabe:', fg='white', bg='black', font=('Arial',16))

a.place(x=50, y=50, width=200, height=50)

b = Entry(master=F, text='', font=('Arial',16))

b.place(x=275, y=50, width=200, height=50)

c = Label(master=F, text='Schlüssel:', fg='white', bg='black', font=('Arial',16))

c.place(x=50, y=125, width=200, height=50)

d = Entry(master=F, text='', font=('Arial',16))

d.place(x=275, y=125, width=200, height=50)

e = Button(master=F, text='Verschlüsseln', fg='white', bg='black', font=('Arial',16), command=Code)

e.place(x=50, y=200, width=200, height=50)

g = Button(master=F, text='Entschlüsseln', fg='white', bg='black', font=('Arial',16), command=Encode)

g.place(x=275, y=200, width=200, height=50)

h = Label(master=F, text='', font=('Arial',16))

h.place(x=50, y=275, width=425, height=50)

F.mainloop()

Das Problem ist, das sich Tkinter aufhängt und abstürtzt wenn ich einen Button drücke

...zur Frage

Python tkinter countdown wie?

Hallo ich will einen Aim-trainer mit Python tkinter schreiben. Also ich habe das mit einem Button gemacht und wenn man drauf drückt verändert sich die Position aber damit das nicht so einfach ist soll der Button wenn man ihn nicht in 3 Sekunden gedrückt hat verschwinden und man hat verloren. Das mit dem Button habe ich schon gemacht aber ich weiß nicht wie ich das machen soll das der nach 3 sekunden verschwindet wenn man ihn nicht gedrückt hat.

Hier das Script:

import random

from tkinter import *

import time

points = 0

root = Tk()

root.geometry("1920x1080")

root.title("Aim-trainer")

root.configure(bg='#2E2E2E')

points = int(points)

point = Label(root, bg='#2E64FE', text="0", width=50, height=8, font=('Arial', 24))

point.place(x=500, y=10, height=50, width=50)

def forget():

btn.place_forget()

def btnn():

btn.place(x=90, y=30)

forget()

btn = Button(root, text="-", bg="black", command=btnn)

btn.place(x=0, y=0)

mainloop()

...zur Frage

Bild mit Weiterleitung von einem Button?

Hallo Leute,

Ich habe in Wordpress mit Ninja Foms einen Konfigurator erstellt (spezifische Abfragen, die dann gesendet werden).

In einem Teil des Konfigurator habe ich neben dem Button weiter auch ein Bild

Kann ich das Bild auch als Button benutzen - mit der gleichen Verlinkung wie der untere Button

Einen Link gibt es nicht, daher kann ich leider kein <a...> benutzen

Am Ende soll die Grafik durch anklicken weiterführen - wie auch der Button "Weiter".

Danke schon mal für eure Teilnahme an dieser Lösungsfindung ))

...zur Frage

Content in die mitte packen html, css?

Ich arbeite an einem Discord bot Dashboard und ich möchte, dass die Kästchen vom <li></li> nicht untereinenander sind sondern neben einander bis zum bildschirm rand und dann eins runter gehen.

html:

 <ul>
  <li><a class="content"><button onclick='ping()'>Working?</button>   
  </a></li>
  <li><a class="content"><input type="text" id="invite" placeholder="server invite"></a>
  <a class="content"><button onclick="add_invite()">Join</button></a>
  <br></li>
  <li>
</ul>

Css:

html,
body{
    width: 90%;
    color: #FE72F3;


 background: #2B2B2B;
    height: 100%;
}
ul{
    list-style: none;
    width: 100%;
    height: 100%;
}
li{


    width: 320px;
    height: 220px;
    background: #494949;
    border: 2px solid #1d1c1c;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    margin-top: 20px;
}
input{
    width: 90%;
    margin: 10px;
    height: 30px;
    border-radius: 5px;


}
button{
    width: 93%;
    margin: 10px;
    height: 35px;
    border-radius: 5px;
    
}

Wie mach ich das?

...zur Frage

Wie kann ich das Rutschen des DIV-Containers verhindern?

Hallo, wie auf dem Foto (schlecht, rechts unten) zu erkennen möchte ich 3 DIV-Container nebeneinander platzieren.Dazu habe ich alle drei in ein großen Container gesteckt. Jedoch "rutscht" das rechte DIV immer nach unten ohne dass ich es möchte oder weiß wieso es das tut...Ich hoffe es kann mir hier geholfen werden!

CSS:

#body {
    background-color: aqua;
    width: 100%;
    height: 100%;
}


#mitte {
    height: inherit;
    max-width: 60%;
    background-color: aliceblue;
}


#links {
    width: 15%;
    height: inherit;
    float: left;
    background-color: brown;
}


#rechts {
    width: 15%;
    height: inherit;
    float: right;
    background-color: blueviolet;
}

Da HTML hier Probleme mit den < und > hat, davon ein Bild im Anhang...

Danke im voraus, Thomas

...zur Frage

WPF Form Combobox Ohne Dropdown Button?

Hallo,

ich möchte, dass meine ComboBox in meinem WPF-Form keinen Dropdown-Button hat. Das funktioniert, wie hier gezeigt https://stackoverflow.com/questions/1373330/wpf-combobox-without-drop-down-button bei einer "Default" ComboBox problemlos. Ich habe meine allerdings ein wenig angepasst, um die Hintergrundfarbe zu ändern und nach dieser Änderung, erscheint der Dropdown Button wieder.

Weiß jemand, wie man den wieder weg bekommt?

Hier mein XML für die ComboBox:

<ComboBox x:Name="combobox" Width="55" Height="22" Background="#FF232323" Style="{StaticResource {x:Static ToolBar.ComboBoxStyleKey}}" Foreground="White" BorderBrush="{x:Null}">
    <ComboBoxItem IsSelected="True" Content="Item1"/>
</ComboBox>

Danke für alle Anworten im Voraus

...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 button Ausrichten (Python)?

Ich wollte in folgendem Code den Button abstand entfernen, damit diese nicht so eine große lücke haben.

from tkinter import *
import random
from tkinter import messagebox

root = Tk()
root.title('Lock')
root.geometry('400x780')

one_btn = Button(root, text='1', command=one_btn_press, activebackground='#3a3b3c', background='#2a2b2c', fg='#7a7b7c', height='3', width=10)
two_btn = Button(root, text='2', command=two_btn_press, activebackground='#3a3b3c', background='#2a2b2c', fg='#7a7b7c', height='3', width=10)
three_btn = Button(root, text='3', command=three_btn_press, activebackground='#3a3b3c', background='#2a2b2c', fg='#7a7b7c', height='3', width=10)
four_btn = Button(root, text='4', command=four_btn_press, activebackground='#3a3b3c', background='#2a2b2c', fg='#7a7b7c', height='3', width=10)
five_btn = Button(root, text='5', command=five_btn_press, activebackground='#3a3b3c', background='#2a2b2c', fg='#7a7b7c', height='3', width=10)
six_btn = Button(root, text='6', command=six_btn_press, activebackground='#3a3b3c', background='#2a2b2c', fg='#7a7b7c', height='3', width=10)
seven_btn = Button(root, text='7', command=seven_btn_press, activebackground='#3a3b3c', background='#2a2b2c', fg='#7a7b7c', height='3', width=10)
eight_btn = Button(root, text='8', command=eight_btn_press, activebackground='#3a3b3c', background='#2a2b2c', fg='#7a7b7c', height='3', width=10)
nine_btn = Button(root, text='9', command=nine_btn_press, activebackground='#3a3b3c', background='#2a2b2c', fg='#7a7b7c', height='3', width=10)
plus_btn = Button(root, text='+', command=plus_btn_press, activebackground='#3a3b3c', background='#2a2b2c', fg='#7a7b7c', height='3', width=10)
minus_btn = Button(root, text='-', command=minus_btn_press, activebackground='#3a3b3c', background='#2a2b2c', fg='#7a7b7c', height='3', width=10)
mult_btn = Button(root, text='*', command=mult_btn_press, activebackground='#3a3b3c', background='#2a2b2c', fg='#7a7b7c', height='3', width=10)
div_btn = Button(root, text='/', command=div_btn_press, activebackground='#3a3b3c', background='#2a2b2c', fg='#7a7b7c', height='3', width=30)
square_btn = Button(root, text='^', command=square_btn_press, activebackground='#3a3b3c', background='#2a2b2c', fg='#7a7b7c', height='3', width=30)



one_btn.grid(row=0, column=0, pady=0, padx=0)
two_btn.grid(row=0, column=1, pady=0, padx=0)
three_btn.grid(row=0, column=2, pady=0, padx=0)
four_btn.grid(row=1, column=0, pady=0, padx=0)
five_btn.grid(row=1, column=1, pady=0, padx=0)
six_btn.grid(row=1, column=2, pady=0, padx=0)
seven_btn.grid(row=2, column=0, pady=0, padx=0)
eight_btn.grid(row=2, column=1, pady=0, padx=0)
nine_btn.grid(row=2, column=2, pady=0, padx=0)
plus_btn.grid(row=0, column=3, pady=0, padx=0)
minus_btn.grid(row=1, column=3, pady=0, padx=0)
mult_btn.grid(row=2, column=3, pady=0, padx=0)
div_btn.grid(row=3, column=1, pady=0, padx=0)
square_btn.grid(row=3, column=2, pady=0, padx=0)


root.call('wm', 'attributes', '.', '-topmost', '1')
root.mainloop()

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen