ventajas - Error de espaciado de hipervínculos Flash

animate cc

Question

Tengo un extraño error que involucra texto Flash e hipervínculos, htmlText en un TextField con etiquetas <a> parecen truncar el espacio circundante:

salida http://www.anti-pattern.net/tvo/output1.gif

Una vez que coloco el cursor sobre el texto, se "arregla" a sí mismo:

salida con mouseover http://www.anti-pattern.net/tvo/output2.gif

Aquí está el HTML en el campo de texto:

<p>The speeches at both the <a href="http://www.demconvention.com/speeches/" target="_blank">Democratic National Convention</a> last week and the <a href="http://www.gopconvention2008.com/videos" target="_blank">Republican National Convention</a> this week, have been, for me at least, must see TV.</p>

Cuando deshabilito la hoja de estilo adjunta, el efecto aún se produce, pero colocar el mouse sobre él no soluciona el espaciado. Estoy usando "Anti-alias para legibilidad", y he incorporado todo el mayúscula, minúscula, números y puntuación. También señalaré que si cambio la configuración de reproducción a "Usar fuentes de dispositivo", el error desaparece.

¿Alguna idea?

Answer 1

¿Hay alguna diferencia si coloca espacios sin interrupción inmediatamente antes y después del elemento de anclaje?

<p> ... &nbsp;<a ... >Link text</a>&nbsp; ... </p>

Es cierto que es una solución, en el mejor de los casos, pero puede que le compre algo de tiempo para buscar una solución real.

Answer 2

La vaca santa acaba de tener el mismo problema. Aparentemente, importa el orden en que estableces las variables. Mira la sexta respuesta en este hilo . También noté que esto solo ocurre con AntiAliasType.ADVANCED, que es el valor predeterminado en un TextField.

_description = new TextField();
_description.selectable = false;
_description.width = WIDTH; // Global.
addChild(_description);

var myriadPro:Font = new MyriadPro(); // Embedded font.
var style:StyleSheet = new StyleSheet();

var styleObj:Object = new Object();
styleObj.fontFamily = myriadPro.fontName;
styleObj.fontSize   = 13;
styleObj.textAlign  = "left";
styleObj.color      = "#FFFFFF";

style.setStyle("p", styleObj);
style.setStyle("a:link", styleObj);
style.setStyle("a:hover", styleObj);

_description.autoSize = TextFieldAutoSize.LEFT;
_description.antiAliasType = AntiAliasType.ADVANCED;
_description.condenseWhite = true;
_description.wordWrap   = true;
_description.multiline  = true;
_description.embedFonts = true;

_description.styleSheet = style;
_description.htmlText = ''<p>A short description with an <a href="http://www.example.com/">HTML</a> link that can be clicked.</p>'';

Answer 3

Intenté todo lo anterior, pero me aseguré de que autosize = false fuera lo que lo solucionó.

Answer 4

Yo tuve el mismo problema. Si configuras AutoSize en el centro, se deshace del problema. No sé por qué, pero lo arregla. Parece ser un error Flash.

Answer 5

Estaba teniendo este problema también y encontré la configuración que lo siguiente me solucionó.

yourTextField.gridFitType = GridFitType.SUBPIXEL;

Parece como si pudiera ser causado por cuando AntiAliasType se establece en avanzado, que por defecto es un PIXEL gridFitType. Supongo que está desplazando parte de la copia porque está tratando de corregir los caracteres a valores de píxeles completos.

Answer 6

Asegúrate de que styleSheet declara lo que se supone que debe hacer con Anchors. Obviamente estás usando htmlText si usas CSS tan pronto como ve <delante de "a href", inmediatamente busca la definición de clase de CSS para a y cuando no encuentra una, el resultado es el texto de aspecto diferente que ves .

Agregue lo siguiente a su CSS y asegúrese de que tenga la misma configuración que el estilo regular de su texto en cuanto a estilo, peso y tamaño. Lo único que debería diferir es el color.

a:link { font-family: sameAsReg; font-size: 12px; //Note flash omits things like px and pt. color:#FF0000; //Red }

Asegúrese de que las fuentes que está incrustando están en la biblioteca y se crean instancias en su código. Incrustar cada campo de texto a través de la interfaz de usuario es una tontería cuando puedes simplemente cargar la fuente de la biblioteca en tiempo de ejecución y luego puedes usarla en cualquier lugar.

También puede importar varias fuentes en tiempo de compilación y usarlas en el mismo campo de texto con el uso de <class span = "someCSSClass"> Some Text </ span> <class span = "someOtherCSSClass"> Some Other Text </ span>

Buena suerte y espero que esto ayude.