flex-dev mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From "Carol Frampton (JIRA)" <j...@apache.org>
Subject [jira] [Commented] (FLEX-33351) mx menubar problems using embedded font
Date Wed, 16 Jan 2013 15:48:12 GMT

    [ https://issues.apache.org/jira/browse/FLEX-33351?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=13555136#comment-13555136
] 

Carol Frampton commented on FLEX-33351:
---------------------------------------

The correct style name is embedAsCFF not embed-as-cff.
                
> mx menubar problems using embedded font
> ---------------------------------------
>
>                 Key: FLEX-33351
>                 URL: https://issues.apache.org/jira/browse/FLEX-33351
>             Project: Apache Flex
>          Issue Type: Bug
>          Components: mx: Menu Bar
>    Affects Versions: Adobe Flex SDK 4.5.1 (Release)
>         Environment: FlashBuilder 4.6, SDK 4.5.1
>            Reporter: gkk
>              Labels: menu
>
> 1. Copy/paste the below Flex application into your IDE of choice (I'm using FB4.6, with
Flex SDK 4.5.1).
> 2. Copy Arial.ttf from your system library folder into the workspace folder you've copied
this code.
> 3. Run the application.
> 4. Observe that when you select the checkbox to enable variableRowHeight, that the menuBar
does not allow enough vertical height to fit the menu options. This occurs for all pull-down
menus, although it's easier to see when there are a lot of options (e.g. click on "File" pull-down
and position your mouse over the last option that appears).
> 5. Also observe, regardless of variableRowHeight setting, there are visual artifacts
in the menubar. For example, click on "Edit1", and observe a gray vertical line running about
10 pixels to the left of the menu-bar's pull-down text area. The right-side of the menubar
pull-down area has a white pixel border mistakenly placed between the right-edge of the menubar
and the shadow region.
> 6. Remove `fontFamily="arial_mx"` from the menubar's properties, run the program again,
and observe the menubar looks perfect.
> 7. As a side note, however, there appears to be functional bug now, in that when you
click, for example, the first item in a pull-down menu (e.g. "File" then "New" in my example
below), then click outside the menu to collapse the menubar, the click again the same pull-down
"File" selection, then mouse-over the "New" option (which you previously clicked), Flex doesn't
highlight to show the mouse is hovering over "New".).
> 8. As another aside, I implemented the spark menuBar component from here: https://github.com/badu/SparkComponents
> This did remove the visual artifacts, perhaps because there's no dropshadow. However,
the embedded text appears more blurrly than the already somewhat blurry embedded text in Adobe's
spark (e.g. dataGrid) components. Zooming in on the text using my Mac's DigitalColor Meter,
I can see that Adobe's text, in the darkest portion, is truly black (0x000000) whereas the
new spark MenuBar's embedded spark text (same font settings) is gray (0x626262) (I zoomed
in on a straight letter "l" as in "lobster"). The darkest part of the spark menubar text seems
to spill into neighboring pixels, making it appear blurry. 
>     <?xml version="1.0" encoding="utf-8"?>
>     <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
> 			   xmlns:s="library://ns.adobe.com/flex/spark" 
> 			   xmlns:mx="library://ns.adobe.com/flex/mx" 
> 			   >
> 	<!-- modified from: http://blog.flexexamples.com/2010/02/19/setting-a-variable-row-height-on-an-mx-menubar-control-in-flex/
-->
> 	
> 	<fx:Script>
> 		<![CDATA[
> 			import mx.events.MenuEvent;
> 			
> 			protected function mBar_menuShowHandler(evt:MenuEvent):void {
> 				evt.menu.variableRowHeight = ch.selected;
> 				evt.menu.invalidateSize();
> 			}
> 		]]>
> 	</fx:Script>
> 	
> 	<fx:Style>
> 		@namespace s "library://ns.adobe.com/flex/spark";
> 		
> 		@font-face {
> 			font-family:arial_mx;
> 			src:url("Arial.ttf");
> 			embed-as-cff:false;
> 		}
> 		
> 	</fx:Style>
> 	
> 	<s:controlBarContent>
> 		<s:CheckBox id="ch" label="variableRowHeight" />
> 	</s:controlBarContent>
> 	
> 	<mx:MenuBar id="mBar" 
> 				labelField="@label"
> 				horizontalCenter="0" top="20"
> 				menuShow="mBar_menuShowHandler(event);"
> 				fontFamily="arial_mx">
> 		<mx:dataProvider>
> 			<s:XMLListCollection>				
> 				<fx:XMLList xmlns="">
> 					<menu label="File">
> 						<item label="New" />
> 						<item label="Open" />
> 						<item label="Save" />
> 						<item label="Save As" />
> 						<fake type="separator" />
> 						<item label="Exit1" />
> 						<item label="Exit2" />
> 						<item label="Exit3" />
> 						<item label="Exit4" />
> 						<item label="Exit5" />
> 						<item label="Exit6" />
> 						<item label="Exit7" />
> 						<item label="Exit8" />
> 						<item label="Exit9" />
> 						<item label="Exit10" />
> 					</menu>
> 					<menu label="Edit1">
> 						<item label="Cut" />
> 						<item label="Copy" />
> 						<item label="Paste" />
> 						<fake type="separator" />
> 						<item label="Undo" />
> 						<item label="Redo" />
> 						<fake type="separator" />
> 						<item label="radio button" type="radio" toggled="true" />
> 						<item label="check box" type="check" toggled="true" />
> 					</menu>
> 					<menu label="Edit2">
> 						<item label="Cut" />
> 						<item label="Copy" />
> 						<item label="Paste" />
> 						<fake type="separator" />
> 						<item label="Undo" />
> 						<item label="Redo" />
> 						<fake type="separator" />
> 						<item label="radio button" type="radio" toggled="true" />
> 						<item label="check box" type="check" toggled="true" />
> 					</menu>
> 					<menu label="Edit3">
> 						<item label="Cut" />
> 						<item label="Copy" />
> 						<item label="Paste" />
> 						<fake type="separator" />
> 						<item label="Undo" />
> 						<item label="Redo" />
> 						<fake type="separator" />
> 						<item label="radio button" type="radio" toggled="true" />
> 						<item label="check box" type="check" toggled="true" />
> 					</menu>
> 				</fx:XMLList>	
> 			</s:XMLListCollection>
> 		</mx:dataProvider>
> 	</mx:MenuBar>
>     </s:Application>

--
This message is automatically generated by JIRA.
If you think it was sent incorrectly, please contact your JIRA administrators
For more information on JIRA, see: http://www.atlassian.com/software/jira

Mime
View raw message