Flex: Benutzerdefinierte Elementrenderer Für Combobox-Steuerelemente schneidet text

Nur ein zufälliger Gedanke (keine Ahnung ob das hilft):

Versuchen Sie, die Einstellung der Eltern HBox und die Label-breiten bis 100%. Das ist in der Regel fest Probleme ich habe laufen in ähnlich waren.

InformationsquelleAutor Herms

Diese Antwort ist wahrscheinlich zu spät, aber ich hatte ein sehr ähnliches problem mit der DataGrid-Spaltenbreite.

Nach viel noodling, habe ich beschlossen, pre-render meinen text in eine private TextField, Holen Sie sich die Breite des gerenderten text aus, und explizit gesetzt, wird die Breite der Spalte auf die entsprechenden Größe Typ Veranstaltungen. Ein wenig hack-y, aber Sie funktioniert gut genug, wenn Sie nicht haben eine Menge von Daten, die sich ändern.

InformationsquelleAutor Aaron H.

Wenn man sich die measure Methode der mx.controls.ComboBase, werden Sie sehen, dass die comboBox berechnet es measuredMinWidth als Summe die Breite des Texts und die Breite der comboBox-Taste.

    //Text fields have 4 pixels of white space added to each side
    //by the player, so fudge this amount.
    //If we don't have any data, measure a single space char for defaults
    if (collection && collection.length > 0)
    {
        var prefSize:Object = calculatePreferredSizeFromData(collection.length);

        var bm:EdgeMetrics = borderMetrics;

        var textWidth:Number = prefSize.width + bm.left + bm.right + 8;
        var textHeight:Number = prefSize.height + bm.top + bm.bottom 
                    + UITextField.TEXT_HEIGHT_PADDING;

        measuredMinWidth = measuredWidth = textWidth + buttonWidth;
        measuredMinHeight = measuredHeight = Math.max(textHeight, buttonHeight);
    }

Den calculatePreferredSizeFromData Methode erwähnt von @defmeta (implementiert in mx.controls.ComboBox) wird davon ausgegangen, dass die Daten-renderer ist nur ein text-Feld, und nutzt flash.text.lineMetrics zur Berechnung der Breite des Textes aus dem label-Feld in der data Objekt. Wenn Sie möchten, fügen Sie eine zusätzliche visuelle element, das Element-renderer und die ComboBox nehmen, es ist eine Größe in der Berücksichtigung bei der Berechnung der eigenen Größe, Sie haben zu erweitern die mx.controls.ComboBox - Klasse und überschreiben Sie die calculatePreferredSizeFromData Methode etwa so:

  override protected function calculatePreferredSizeFromData(count:int):Object
  {
      var prefSize:Object = super.calculatePrefferedSizeFromData(count);
      var maxW:Number = 0;
      var maxH:Number = 0;
      var bookmark:CursorBookmark = iterator ? iterator.bookmark : null;
      var more:Boolean = iterator != null;

      for ( var i:int = 0 ; i < count ; i++)
      {
          var data:Object;
          if (more) data = iterator ? iterator.current : null;
          else data = null;
          if(data)
          {
              var imgH:Number;
              var imgW:Number;

              //calculate the image height and width using the data object here

              maxH = Math.max(maxH, prefSize.height + imgH);
              maxW = Math.max(maxW, prefSize.width + imgW);
          }
          if(iterator) iterator.moveNext();
      }

      if(iterator) iterator.seek(bookmark, 0);
      return {width: maxW, height: maxH};
 }

Wenn möglich, speichern Sie die Bild-Dimensionen in den Daten-Objekt, und verwenden Sie diese Werte als imgH und imgW sind, wird die Dimensionierung wesentlich vereinfacht.

EDIT:

Wenn Sie das hinzufügen von Elementen zu den Rendern, die, abgesehen von einem Bild, das wie ein Etikett, Sie auch haben zu berechnen, Ihre Größe als auch beim Durchlaufen der Datenelemente, und diese Dimensionen berücksichtigen bei der Berechnung maxH und maxW.

InformationsquelleAutor Ryan Lynch