Ändern Sie die Größe der ColorPicker-Palette

Question

Aufgrund einiger Einschränkungen der GUI-Größe möchte ich die Größe der Farbpalette des XCeed ColorPicker ändern. Die Breite der Schaltfläche ist kleiner als das Dropdown-Popup. Ich möchte nur die Breite des Popups (oder die Höhe) ändern, um ein Layout der verfügbaren Standardfarben zu erzwingen. Standardmäßig haben wir 10 Spalten mit Farben, ich hätte gerne 6 oder 8 Spalten mit Farben. Gibt es einen Sinn, das zu tun?

Answer 1

In der Standardvorlage für den ColorPicker finden Sie eine ListBox mit dem Namen "PART_AvailableColors". Diese ListBox verwendet einen Style namens "ColorListStyle". In diesem Stil, setzen wir die Itemspanel-Eigenschaft ein WrapPanel mit einer Breite von

200.

<Style x:Key="ColorListStyle" TargetType="ListBox"> 
    <!-- ... ---> 
    <Setter Property="ItemsPanel"> 
     <Setter.Value> 
      <ItemsPanelTemplate> 
       <WrapPanel Width="200" /> 
      </ItemsPanelTemplate> 
     </Setter.Value> 
    </Setter> 
    <!-- ... ---> 
</Style> 

werden Leider gibt es derzeit keine integrierte Möglichkeit, auf einfache Weise das Layout der Colorpicker ändern sich also jetzt die einzige Die Option, die ich anbieten kann, besteht darin, die Vorlage/den Stil in Ihrem Code zu wiederholen, um eine andere Breite auf dem WrapPanel festzulegen.

Die Standardvorlagen und -stile können im Quellcode des Toolkits gefunden werden.

Bearbeiten: die Eigenschaft MaxDropDownWidth wurde auf dem ColorPicker hinzugefügt, um die Breite des Popup anzupassen (neu in Version 3.1).