Cómo cancelar el truncamiento automático de etiquetas flexibles en chino e inglés
Métodos/Pasos
1
Durante el proyecto, descubrí que al usar el componente TitleWindow en Flex, si el contenido de la etiqueta es demasiado largo, Estropeará los estilos de otros componentes o controles, o incluso los sacará de la ventana. Para solucionar este problema consulté mucha información, pero hubo muy poca que fuera realmente útil.
Traté de resolver este problema yo mismo, así que creé una nueva prueba de aplicación, como se muestra en la siguiente figura:
2
Se dice en el Internet que para la versión Flex3, el atributo truncateToFit="true" se usa para resolver el problema de que el contenido de la Etiqueta sea demasiado largo para la versión Flex4, establezca la altura de la Etiqueta, lineBreak="explicit" y
;maxDisplayedLines="1"
Estoy usando la versión Flex4 y he probado tanto la versión Flex3 como la versión Flex4, pero el problema no se ha resuelto en absoluto y el estilo sigue siendo confuso
Para realizar pruebas, creé un nuevo componente A TitleWindow, como se muestra en la siguiente figura
3
En la aplicación Flex, llame al componente TitleWindow
/**
* Función Abrir ventana
*/
Función protegida textArea_clickHandler(evento: MouseEvent): void
{
var textWin: TextWin = TextWin (PopUpManager.createPopUp(this, TextWin, true));
PopUpManager.centerPopUp(textWin);
}
Como se muestra a continuación:
4
Agregue un control que contenga Etiqueta en el componente TitleWindow
lt; " height="100"gt;
lt; mx: Formgt;
lt; mx: FormHeading label="Prueba la longitud del contenido de la etiqueta"/gt;
lt;mx: FormItem label="Name"gt ;
lt;s: Label text="Tanto la carga como el paisaje han visto la felicidad"/gt;
lt;/mx: FormItemgt;
lt ;mx: FormItem label="Dirección"gt;
lt;s: Etiqueta text="********* ************* ************************************* ************** ************************************* *************** ************************************* **************** *******************************"
ancho="300"/gt;
lt ;/mx: FormItemgt;
lt; mx: FormItem label="Teléfono"gt; p>lt; s: Etiqueta text="18785656562"/gt;
lt; /mx: FormItemgt;
lt; lt;mx: HBox width="100" height="30" horizontalAlign="center" gt;
lt;s: Botón id="closeBtn" label="Close"/gt;
lt;/mx
:HBoxgt;
lt;/mx:VBoxgt;
5
Ejecute la aplicación Flex y haga clic en el botón, verá el contenido de la etiqueta en la ventana emergente ventana de cierre Se ha eliminado y el botón de cerrar en la ventana también se ha desplazado
6
Entonces, agregué un ancho width="300" a la etiqueta Etiqueta, y descubrí que el contenido de la etiqueta están todos dentro de la ventana, y el contenido que excede esta longitud se empaqueta automáticamente
De esta manera, llegué a una conclusión: en Flex4, si el contenido de la etiqueta es demasiado de largo, puede estar limitado por el valor de ancho exacto
p>
Los siguientes dos pasos son los métodos de verificación en línea, a modo de comparación
END
Método de comparación uno:
1
Se produjo un error al agregar truncateToFit="true" a la etiqueta
No se puede resolver la propiedad 'truncateToFit' para el tipo de componente ' spark.components.Label'.
Entonces este método no funcionará en Flex4
END
Método de comparación dos:
Reemplazar el ancho en la etiqueta
p>height="100"?lineBreak="explicit"?maxDisplayedLines="1"
Ejecute la aplicación Flex y haga clic en el botón
Descubre el contenido en el La etiqueta aún supera el límite de la ventana