Hallo VBP-Forum,
ich weiß die Überschrift ist schlecht gewählt. Wenn ich einen besseren Begriff finde, ändere ich sie auch um.
ich möchte eine Chat erstellen. Momentan läuft dieser noch über PHP/MySQL (Dodos MySQLLib 3), auf TCP steige ich noch um. Da mir aber kein Server für die Server-Konsolenanwendung zur Verfügung steht, bin ich auf diese Variante ausgewichen.
Wie auch immer. Ich möchte, wenn ich jetzt die Nachrichten abfrage, jede Nachricht als Item in einem StackPanel anzeigen lassen.
Jetzt stehe ich aber vor folgendem Problem.

Ich möchte jetzt die Nachrichten so anzeigen lassen, wie bspw. in der Nachrichten-App von Windows 8.
Sprich, dass die Nachricht in einer Sprechblase angezeigt wird.
Zweitens möchte ich zudem, dass wenn sich die Größe des Fensters ändert, die "Sprechblasen" nur eine bestimmte Maximalbreite bekommen, welche auf der StackPanel-Breite basiert.
Also zum Beispiel, dass die Sprechblase eine dynamische Breite von nur 3/4 der StackPanel-Breite bekommt.

Ich hoffe, ihr könnt mir helfen.

Vielen Dank im Voraus
Julian

Meinst du sowas wie das Popup Control?

Nein, ich meine so Chat-Nachrichten.
Habe auch ein Screenshot zur besseren Verständnis gemacht (siehe Anhang)

Das dürfte relativ einfach mit GDI+ zu machen sein; ein Rechteeck und ein Dreieck zeichnen, den Text drüber klatschen, fertig.

Aber wie du schon alleine am Unterforum siehst, geht es hier um WPF und nicht WinForms.

GDI, wtf.
Du arbeitest mit WPF. Pack ne ListBox in dein Window, binde sie an deine Liste der Chatnachrichten (die hoffentlich in ner eigenen Klasse untergebracht sind) und veränder das Aussehen der Listeneinträge.

Die Möglichkeit gäbe es auch noch. Habe jetzt auch schon abgeändert.
Ich bräuchte eigentlich jetzt nur noch eine Vorlage, welche mir diese Sprechblase zeigt.
Den Rest würde ich selbst hinbekommen.

Du brauchst keine Vorlage, die kannst du dir selbst machen.
Stark vereinfachtes Beispiel:

Das sieht schonmal gut aus - danke.
Nur mir fehlt noch das kleine abstehende "Dreieck", welches ich noch bräuchte.
Ich muss mal experimentieren, wahrscheinlich wird's dann ein Stackpanel als Template mit einem Path und dem TextBlock.

Bis dahin aber schonmal vielen Dank !

(Wer mir noch bei Problem 2, der automatischen Breitenanpassung helfen kann, der möge dies bitte noch als Antwort zu diesem Beitrag schreiben)

Aso soll das also nicht so aufpoppen wie bei skype z.b.?
Naja dann ist das wie bereits gesagt nen einfaches template.
Für das dreieck kannst du z.b. ne polyline, path oder was auch immer machen.
(Falls du expressionblend hast würde sich auf das dafür gut anbieten)

EDIT:
Hab dir noch schnell in Expressionblend so nen teil zusammengeschustert (nur als Beispiel damit du nen anhaltspunkt hast):



EDIT2: Wieso zur hölle formatiert es das zeug immer so hässlich? Wenn ichs einfüge ist es immer mit zeilenumbrüchen! sorry.
Ok das ist neu wenn ich das zeug ausm windows-editor kopiere gehts

Bitte VB-Tag benutzen - aber richtig

@Samus:
ich seh sowas ganz oft, dass jmd. einen Style macht, und im Style dann ein Template zuweist.
Warum nicht gleich das Template dem ItemTemplate zuweisen, und die Stylerei überspringen?

Ich mag Styles nicht so, weil man da im Setter immer alles mögliche reinschreiben kann, ohne dass der Xaml-Designer Bindings oder annere Syntax-Geschichten überprüfen kann.

ErfinderDesRades schrieb:

Bitte VB-Tag benutzen - aber richtig

Würdest du zu Ende lesen, hättest du gelesen, dass ich nix machen kann. Hab jetzt aber ne Lösung gefunden. Wie gesagt GoogleChrome und VisualStudio und Expressionblend + dieses Forum vertragen sich einfach nicht. Ich kopiere das alles richtig rein und beim absenden steht auch alles richtig da, nur wird dann jede Formatierung rausgehauen. Aber nochmal für alle falls noch jemand das Problem hat: Einfach in Windows Editor kopieren

@EDR: Weil ich so direkt den FocusVisualStyle auf x:Null setzen kann, weil ich im Code, aus dem der XAML-Ausschnitt stammt, noch viel mehr stehen hab, unter anderem eigene Styles für die verschiedenen Zustände, wie z.B. fokussiert.

nagut, wo du das rausgenommen hast, weißich ja nicht.
Ah - und wenn es wirklcih erforderlich ist, dem ListboxItem ein ControlTemplate zu verpassen, dann geht das nicht anners, denn übers die ItemTemplate-Zuweisung legt man DataTemplates fest.

Allerdings wäre genau das (DataTemplate statt ControlTemplate) in diesem Falle glaub günstiger, denn einem DataTemplate ist das Viewmodel bekannt, und daher kann man Bindings mit Designer-Unterstützung setzen.

Ich benutz den Designer nur, um Abmessungen von Elementen zu überprüfen, ansonsten mach ich alles im XAML- und im Codeeditor. Von daher ist mir der Punkt egal. :p

mit Xaml-Designer meine ich auch nicht das Vorschau-Fenster, sondern das Property-Fenster. Da hat man die Möglichkeit "Databinding übernehmen" als Property anzuklicksen, und bekommt einen sehr hilfreichen Dialog, um ein Binding zu konfigurieren. Der dazugehörige Code wird stantepede ins Xaml eingefügt.

Das nutz ich eigentlich auch nicht, ich hab die ItemsSource meiner Listbox an ne ObservableCollection<Wallpaper> gebunden, und die Elemente in den Items wiederum an die Properties der Klasse. Läuft wunderbar.

Man kann auch Bindings im Eigenschaftenfenster machen.
Siehe: d:DataContext

@Samus
@thefiloe

Vielen Dank für das Template. Expression Blend habe ich leider nicht. Kennt jemand noch eine Alternative (möglichst kostenlos) ?
Ich setze mich jetzt erstmal aber mit MVVM auseinander, habe ich noch nicht gemacht.

EDIT: Falls jemand noch eine Idee mit der dynamischen Breite hat, bitte unter diesen Beitrag schreiben.

Guck dir mal Kaxaml an.