Flex :: Large Serifs In A Font Cause Flash To Measure Size Incorrectly?
Nov 2, 2009
I have a textarea where I measure the textWidth and textHeight to make sure the user cannot enter more text than can fit in the text area. I also extended the textArea with a textHeightNow and textWidthNow that measure the textField's dimensions since they update w/out requiring validation. Now this works great for 90% of the embedded fonts I'm using but any fonts that have giant serifs are not measured properly, for instance look at the 'f's in this text area:You can see they get cut off on both sides because textWidth and textWidthNow both return an incorrect size not taking into account the massive serifs.
I am using Flash Text Engine's TextBlock & TextLine to display text. However, I found that some font make TextLine calculate height incorrectly. Here is my sample code:
which means TextLine.textHeight, height, totalHeight, and result from getBounds give the same value, roughly 57.6 pixel So, my question is, how can I get the actual text height?Please don't tell me not to use Swansea. So far, I have tried 5-6 different fonts and only Swansea give me this problem.
I am using Flash Text Engine's TextBlock & TextLine to display text. However, I found that some font make TextLine calculate height incorrectly. Here is my sample code:
how to measure the actual size of the container just like the Flex components. I wanna create some containers with my own layout arithmatic, so I must know the size of every child, but sometimes I don't know what's the size which DisplayObject or DisplayObjectContainer that I will add to the container actually is, how can I do?
Why do the dynamic text font size appears smaller than what I specified in the flash dynamic text properties? I used a font size of 50 for the dynamic text and when I test movie, it appears to be only a font size of 12. Why is it so?
I would like to display a set of Text like this "DISCONTINUED (02-02-2012) Crocin" in label. But i need smaller font size for Date. How can I set the value to Label so that I can display smaller size font for Date.
I only need to assign a single string to label? like this "DISCONTINUED (02-02-2012) Crocin"
I just want to lock or set a default font size for the rich text editor. I tried setting font-size = 16, which although it did set the default to 16, also made all the labels etc... in the editor to font size 16.
For video playing I used as3 sample script (because there must be only playpause, replay, mute buttons with custom styles), like that
var strSource:String = "video.flv"; // create a new net connection, add event listener and connect // to null because we don't have a media server
[Code]....
The problem is that I can't find a way to play it smoothly. It's loading in very annoying way, video is interrupted after each few seconds of playing.
I understand that the main problem is large video file size and hd quality, but may be there is some way to largely decrease .flv size or handle playback in more friendly way?
I have a LinkBar which is linked to a viewstack. However, as I change the fontsize of my LinkBar, when I run it, the font size does not change at all! I've tried changing the font using CSS and it doesnt change the font size!
I'm building a small Flex UI component that displays a colored square next to a label of text. I want to be able to specify a size for the square and internally adjust the label's properties such that the line height matches the square and the text is vertically centered with respect to the square.
At the moment, I'm using mx.controls.Label for the text. Setting the fontSize style to the square's size does not work, the label then becomes too big. After tracing a couple of values in the debugger, I found that
the line height of the internal text field (sum of the ascent and descent properties of the TextFieldMetrics object obtained through getTextFieldMetircs()) seems to end up about 120% of what I specify a s font size.there's a default "leading" of 2 pixels that I can not change directly at the Label level, this adds to the overall height of the internal text field (getTextFieldMetrics().height)the height of the Label component then is an additional 5 pixels larger than that, I don't know where those come from.
How can I set font size of title property (header) in TitleWindow component? If I use fontSize property, it sets the font size for all components in TitleWindow, which is not what I want. I only want to set it for the title. I'm using Flex 3.
When i change the font size and font color i get the result i want.But when i try to change the font-family, or to make a part of text in italics or bold i fail to get what i want.I also tried this:
<font style="font-style:italic">my text</font>with no success
i'm trying to create a unordered list in Flex. My issue is that within each line, i want the word NEW to be a different font color and different font size from the rest of the label text. I am unsure of how to do this INLINE within the label component.
<s:VGroup fontSize="15" color="#ffffff"> <s:Label text="u2022 NEW Invite your friends!" /> <s:Label text="u2022 NEW Features coming soon!" /> <s:Label text="u2022 NEW Invite your friends!" /> </s:VGroup>
I have a Flex custom BorderContainer component which has text inside of it. If I were to add this in my main Application inside of a panel, the BorderContainer goes outside of the width bounds of the panel due to the text being a set size. I have all of its components in percentages so that it re-sizes when shrunk, but the one part that contains checkboxes and labels (lots of things with text) mess up since the font size doesn't change.
I am pretty positive that the results I am looking for can be done through embedding the font, though I have not been able to come up with a solution from online. I am trying to do this with a CSS style since I will be using it for many different components (I dont just want to change it in the flex code directly).
EDIT Solution:
I attempted to use the ratio as www0z0k had suggested but it caused some serious issues when it was re-sized quickly or to a small screen (the component would not re-size correctly because it was multiplying by the ratio. What finally seems to have worked for me and caused no issues was that I ran the code and found the width (1152) and height (842) of the container.
I then created a const variable of widthX = 1152 and heightY = 842 and in the onResize() function I coded the resize like this: (where bottomGroup is the id of the borderContainer I am trying to resize)
So far I have found some examples of embedding fonts in the <fx:Style> and attempted to remove any delaration of fontSize but that doesn't seem to work.
<fx:Style> @namespace s "library://ns.adobe.com/flex/spark"; @font-face {
I am creating an Adobe Flex application for the Blackberry Playbook. I was wondering if there is a way where the user can click a button (for example) to increase or decrease all font sizes across the entire application?
I have a list of fonts obtained via Font.enumerateFonts() and I want to display them all as 12 pixels tall. The problem is that I cannot simply set the point size because this can vary in actual pixel size for each font. So basically I want to determine what the correct point size is for a font in order to make it exactly 12 pixels tall. Because I'm doing this with a potentially large list I'm looking for an efficient method to do this.
We have a serious issue while saving images from a flex editorOur editor is adding some text to images and php script (imagick) is saving that image by receiving all parameters from Flex editorThe problem we think is because of the font measurement in flex and in php. In flex fontsize is calculated in pixels and in php it is calculated in points. Hence when we write a text "Hello" in flex with fontsize "10" and while we write the same text with same font size in php looks different
I am trying to implement a large font for sIFR, but it seems to have a ceiling where you cant go any higher. I have adjusted the the variable MAX_FONT_SIZE within the sIFR.as to no avail. Is this possible or is it a limitation with flash?
I'm trying to embed a font in my project by using url("font.ttf") rather than local("Font Name"), but it doesn't seem to pick it up. The font in question is called "Gotham Bold". When i view the details of the font, the font weight is regular, however when i use local("Gotham Bold") in the css i have to specify fontWeight: bold or else it wont pick it up. But when I use url("folderGotham-Bold.ttf"), and specify fontWeight: bold, it says that font weight is not found for that TTF. If i remove the fontweight, there's no errors, but the font is not applied to the text.
I can change the color of the label in Flex Builder, I can even BIND the color to a variable and that works, but I can't find the Color PROPERTY in order to change or reference it programatically! What is the ActionScript 3.0 code to change the font or color of a piece of text in a Flex RIA - or is caring in what color your text appears too bizzarre a request for a RIA? I wrote whole applications after just minutes of "learning" flex, how come it's taken me three days and I still can't change the color of my stupid label?
In my application I'm using a custom embedded font for English (Helvetica New) which does not contain characters (glyphs) for chinese unicode range. In the application, wherver chinese characters are avaiable they are not displayed (suppressed) since they are missing in the custom embedded font. How can I make the flash player to use a fallback system font for the missing characters? And the fallback should be for the missing characters alone. For the Engligh characters it should use the embedded font.
When I trace something in flashcs5, font size in the output panel is very big. Is there somewhere where I can set preferences for this panel? In other version of flash it was a lot smaller and readable.
While creating one photo gallery I am facing one problem in controlling the Font Color, Font Size and other characteristics of a text loaded into a text field from an XML File. The name of the text field in question is �my_txt� it loads the title from the xml file attached herewith. how I can control the behavior of the text loaded in that text field.
