Perspective Text in Flex

Can anyone suggest me how to achieve the perspective text in flex.I want to achieve this in flex 3.If any body have any solution pls let me know.
Thnx in Advance
Shardul Singh Bartwal

If you want a true perspective and not just an envelope distortion you should examine the 3D effects.
If you want to put lettering onto a drawing of, say, a can, you must first construct a 3D image of the can (probably using 3D Revolve) and then map the lettering onto the surface. Having done that you can view the can from any angle (and with any perspective angle) and the lettering will follow suit.
This is also a useful way of mixing lettering onto a photographic image. Using the example of the can, you match the perspective in the photograph of a can with a cylinder made in 3D effects as accurately as you can. Once you have done that, any lettering mapped onto the surface of the cylinder will match the perspective in the photograph. Using invisible geometry allows you to see the mapped image only.
You can also map complete artwork onto cans constructed in 3D to produce approval stuff for your client.
Here's one such:

Similar Messages

"Easy" way to add a text string Flex default pre-loader?

Is there an easy way to add text (company name for example) to the top of the default Flex pre-loader?
Thanks.

Sure,
http://www.flexer.info/2008/02/07/very-first-flex-preloader-customization/
Johnny
Please rate answers.

Best practice for adding text to Flex container?

Hi,
I'm having some troubles to lay a TextFlow class out properly
inside a Flex container. What's the best practice to achieving
this, for example adding a lot of text to a small Panel?
Is it possible to pass anything other than a static width and
height to DisplayObjectContainerController constructor, or is this
not the place to implement this? I guess what I am looking for is
the layout logic I'd normally pack into a custom Flex component and
implement inside measure() and so on.
My use case: a chat application which adds multiple TextFlow
elements to a Flex container such as Panel. Or use TextFlow as a
substitute for UITextField.
Some example code would help me greatly.
I'm using Flex 3.2.
Regards,
Stefan

Thanks Brian, the example helps. However problems quickly
arise if I modify it slightly to this (please compile it to see):
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="
http://www.adobe.com/2006/mxml"
layout="absolute" initialize="init()">
<mx:Script>
<![CDATA[
import flashx.textLayout.compose.StandardFlowComposer;
import
flashx.textLayout.container.DisplayObjectContainerController;
import flashx.textLayout.container.IContainerController;
import flashx.textLayout.elements.TextFlow;
import flashx.textLayout.conversion.TextFilter;
private var _container:Sprite;
private var _textFlow:TextFlow;
private function init():void
_container = new Sprite();
textArea.rawChildren.addChild(_container);
var markup:String = "<TextFlow xmlns='
http://ns.adobe.com/textLayout/2008'>Hello
World! Hello World! Hello World! Hello World! Hello World! Hello
World! Hello World! Hello World! Hello World! Hello World! Hello
World! Hello World! </TextFlow>";
_textFlow = TextFilter.importToFlow(markup,
TextFilter.TEXT_LAYOUT_FORMAT);
_textFlow.flowComposer.addController(new
DisplayObjectContainerController(_container, 200, 50));
_textFlow.flowComposer.updateAllContainers();
]]>
</mx:Script>
<mx:Canvas width="100" height="100" id="textArea" x="44"
y="46" backgroundColor="#F5EAEA"/>
</mx:Application>
What is the best way to make my textflow behave like a
'normal' UIComponent in Flex? Should I use UIComponent instead of
Sprite as a Container? Will that take care of resize behaviour?
I have never before needed to use rawChildren.addChild for
example, maybe you can explain why that's needed here?
I realise that the new Textframework works on an AS basis and
is not Flex or Flash specific, but this also poses some challenges
for those of us using the Flex framework primarily.
I think it would help to have some more basic examples such
as using the new text features in a 'traditional' context. Say for
example a TextArea that is just that, a TextArea but with the
addition of inline images. I personally feel that the provided
examples largely try to teach me to run before I can walk.
Many thanks,
Stefan

Applying filters to text in Flex

I'm trying to make some text nice and pretty with a dropped
shadow, etc. The text in Flexbuilder 2 displays nice and
antialiased, but with no dropped shadow. When running, the dropped
shadow is pretty and antialiased, but the text itself is not. If I
make some text and style it in Flash and export it as a SWF it
works fine. That's just a lot of steps to go through to get nice
headlines...
I'm on a PC running XP with flash player 9,0,28,0 installed.
Here's the code.
<mx:Label text="With Drop Shadow" x="26" y="223"
width="80" fontFamily="Arial" fontSize="16" color="#ffff80"
fontWeight="bold">
<mx:filters>
<flash.filters:DropShadowFilter
xmlns:flash.filters="flash.filters.*" />
</mx:filters>
</mx:Label>
<mx:Label text="No Filter" x="26" y="253" width="80"
fontFamily="Arial" fontSize="16" color="#ffff80"
fontWeight="bold">
</mx:Label>

<mx:SWFLoader x="150" y="186" source="assets/text.swf"
autoLoad="true"/>
Do I need to do something special to force it to antialias or
is this bug/limitation of the flash player or flex?
Thanks!

Hello again,
Thanks for the advice. I tried applying the "Alpha From To" effect, which I can view perfectly in the "live preview" however, once I play back my slide, it doesn't perform the effect.
I have also tried with the "apply effect" statement in advanced actions and then selecting "Execute Advanced Actions" on my slide but it still does not work.
It seems like such a simple action to perform....but appears that this is not something that can be easily done? @

Creating dynamic Text in Flex with different attributes

I am creating a Text field in Flex that looks like this:
<mx:HBox id="lastInfo" styleName="InfoBar" width="100%" visible="false">
 <mx:Text text="Your last question was:" styleName="underlined"/>
 <mx:Text id="lastQuestion" styleName="bold"/>
 <mx:Text text="Within context:"/>
 <mx:Text id="lastContext" styleName="bold"/>
 <mx:Text text="The last answer(s):" styleName="underlined"/>
 <mx:Text id="lastAnswers" styleName="bold"/>
</mx:HBox>
The text that is not dynamic needs to be underlined. The text that come up dynamically needs to be bold.
lastQuestion, lastContext and lastAnswers are populated dynamically. The problem is that if lastAnswers width goes beyond the threshold of the HBox it doesn't carriage return back to the beginning of the complete string.
How can I create this complete string dynamically and with underlines and bold text all into one Text so it will carriage return to the beginning?

Hi Cootis,
Now I understood your question but the approach you are using is not correct I think because in order to format the way you wanted you need to use only a single <mx:Text/> control and assign the htmlText dynamically.
See the sample code below:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="init();">
<mx:Script>
<![CDATA[
private var lastQuestion:String = "What is your name.";
 private var lastContext:String = "Your name";
 private var lastAnswers:String = "John John John JohnJohn JohnJohn JohnJohn JohnJohn JohnJohn JohnJohn John";
public function init():void
 variableText.htmlText = "Your last question was:" + lastQuestion + "Within context:" + lastContext + "The last answer(s):" + lastAnswers;
]]>
</mx:Script>
<mx:HBox id="lastInfo" styleName="InfoBar" width="450" visible="true">
 <mx:Text id="variableText" width="100%" />
</mx:HBox>
</mx:Application>
So you need to pouplate the variables dynamically that's it.
Hope this works for you.
If this post answers your question or helps, please kindly mark it as such.
Thanks,
Bhasker Chari

Image and mx:Text in flex

hi friends
when i bind Text with HtmlText (Img tag) without height width it's not showing img but when i set height and width it will show image,
So my que is is it possible to set Text height with image height(every time i render image with different size so i need to resize<mx:Text> from IMG height width)
private var myText:String = "<img src='chk.png'>";
private function TextWithImage():void
 /*myTextBox.width = 200;
 myTextBox.height = 200;*/
 myTextBox.htmlText = myText;
<mx:Text id="myTextBox" />
thnx in adv

thnx flex harUI
here my whole Multiline CheckBox code
package
import flash.display.DisplayObject;
import flash.text.TextLineMetrics;
import mx.controls.CheckBox;
import mx.core.IFlexDisplayObject;
import mx.core.mx_internal;
use namespace mx_internal;
public class MultilineCheckBox extends CheckBox
 public function MultilineCheckBox()
 super();
 override protected function createChildren():void
 if (!textField)
 textField = new NoTruncationUITextField();
 textField.styleName = this;
 addChild(DisplayObject(textField));
 super.createChildren();
 textField.multiline = true;
 textField.wordWrap = true;
 override protected function measure():void
 if (!isNaN(explicitWidth))
 var tempIcon:IFlexDisplayObject = getCurrentIcon();
 var w:Number = explicitWidth;
 if (tempIcon)
 w -= tempIcon.width + getStyle("horizontalGap") + getStyle("paddingLeft") + getStyle("paddingRight");
 textField.width = w;
 super.measure();
 override public function measureText(s:String):TextLineMetrics
 textField.htmlText = s;
 var lineMetrics:TextLineMetrics = textField.getLineMetrics(0);
 lineMetrics.width = textField.textWidth + 4;
 lineMetrics.height = textField.textHeight + 4;
 return lineMetrics;
 override protected function updateDisplayList(unscaledWidth:Number,unscaledHeight:Number):void
 super.updateDisplayList(unscaledWidth, unscaledHeight);
 textField.htmlText = label;
my O/P is like
now when IMG tag coming how can i determine CheckBox Height from <img /> HxW?

RichEditableText that contains readonly parts of text in Flex 4.1

Hi!
Is there a way to make parts of text readonly in a RichEditableText ?
What I actualy want is to be able to append words that would act as a char, meaning the user won't be able to modify the word and if he tries to delete it , the whole word will be deleted.
I've tried to search for the 'editable' properties on the elements from a TextFlow or on a TextLayoutFormat but there's no such thing ....
The other solution I thought would be to save the position for the readonly words, and on each text change update positions and check if the editing affects any readonly word. The problem is that I fear this solution would add a semnificant delay on editing .
Can you please point me to a solution?
Thanks!

Just in case someone else is interested in this behanior, I've choose to implement this useing InlineGraphicElements. I've added the readonly text inside a Sprite useing a TextField and then added the Sprite as source for a new InlineGraphicElement. This asured the wanted functionality but I had problems with makeing the graphic text look like the one in the RichEditableText because I was useing embeded fonts as CFF that did not work for the Textfield.
I hope this helps !

Styling Text in Flex???

Hey there,
What is your recommended way of styling text? And how would you store user-defined styles and apply them to different parts of text (like "header1", "highlighted", etc.)? Would you have to go through and use a text editor, or have you found a simple solution where you can just say “styleName” or “id” = “myStyle”, and it would apply styles from either a TextLayoutFormat object, or from some CSS parsed into a TextLayoutFormat object. Right now I am manually parsing CSS into TLF objects, caching them in a Dictionary, looping through Elements with “getChildByID”, and for-loop-assigning the TLF properties to the element. Seems like there could be something easier.
Thanks a lot,
Lance

TextFlow supports the styleName and id properties IFormatResolver interface for this purpose. Take a look at this blog entry.
http://blogs.adobe.com/tlf/2009/02/iformatresolver-and-using-css-1.html
It's not up-to-date with API revisions but all the constructs are still there.
The examples zip has a SImpleEditorWIthCSS example as well. See:
http://download.macromedia.com/pub/opensource/tlf/textlayout_examples_072409.zip
Richard

Simple question: masking text in flex

I'm sure I'm missing something really obvious on this, so
forgive me if I have, but is there a way to set the background
color on text? A label or a text field don't seem to allow you to
change the background color. So far the only way I can figure out
to do it is put a label or text field within a tile of the color I
want, which is cumbersome and difficult to size the way I want etc.
Is there an easier way?
M>

"Developer504" <[email protected]> wrote in
message
news:g6lbpe$pcs$[email protected]..
> I'm sure I'm missing something really obvious on this,
so forgive me if I
> have,
> but is there a way to set the background color on text?
A label or a text
> field don't seem to allow you to change the background
color. So far the
> only
> way I can figure out to do it is put a label or text
field within a tile
> of the
> color I want, which is cumbersome and difficult to size
the way I want
> etc.
I think you can use the opaqueBackground property on a label
to make it
opaque and then I _think_ you can set backgroundColor on it,
even though
this isn't documented.
HTH;
Amy

Displaying Large Blocks of Text with Flex for Mobile

Hi,
I have prepared an application for Android in Adobe Flash Builder. In application there are prayers in Arabic as a list. In app , short prayers are displaying quickly, but long prayers are displaying after a long time. This is my problem.
I share my project file in addition.Can anybody help me, please?
Note: I used SQLite database in my project as you can see and I used a font to view prayers in Arabic.
My Project FB 4.7 Link:
My Project FB 4.6 Link:
Regards,
Burhan

Hi,
I have prepared an application for Android in Adobe Flash Builder. In application there are prayers in Arabic as a list. In app , short prayers are displaying quickly, but long prayers are displaying after a long time. This is my problem.
I share my project file in addition.Can anybody help me, please?
Note: I used SQLite database in my project as you can see and I used a font to view prayers in Arabic.
My Project FB 4.7 Link:
My Project FB 4.6 Link:
Regards,
Burhan

Text input with perspective

Hi All,
I looking at using some text input fields on an angle.
Similar to the contact page here
http://www.created201.com/
can anyone point me in the right direction to achieve this.
Kind regards,
Richard McKenna

That’s not a perspective text field,
Just a symple input text field
only getting that perspective feel because of the background
image
Ayubowan!
NutsyNalinda

Errors - drawing a text curve in flex with flex 3 with flex 3.5 framework

Is that necessary in drawing a text curve in flex we need flex 4 with flash player 10, actually i have flex 3 with flex 3.5 framework but it is showing error like this :
This is my code:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Script>
<![CDATA[
import mx.components.TextView;
public var myText:String = "Read my blog @ http://www.funnyjokesfunny.com";
var radius:Number = 125;
var spacing:Number = 8;
var center:Point = new Point(125,125);
public function drawText():void {
for (var char:uint=0;char<myText.length;char++) {
var tempText:TextView = new TextView();
tempText.x = radius * Math.cos(degrees2radians(char*spacing)) + center.x;
tempText.y = radius * Math.sin(degrees2radians(char*spacing)) + center.y;
tempText.rotation = 25;
tempText.text = myText.charAt(char);
textContainer.addChild(tempText);
]]>
</mx:Script>
<mx:Button label="Draw a circle" click="drawText()" />
<mx:Canvas id="textContainer" y="50" x="50" width="400" height="400" />
</mx:Application>
1) call to possibly undefined method Text View
2) Type was not found : Text view.
Please help me
Atishay

I have now taken import mx.controls.Text;
instead of textview it works , but in dis example http://blog.shortfusion.com/index.cfm/2009/1/25/Circular-Text-In-Flex-Explained with source code they have taken textview control and it works for them for text curve.

Text positioning not correct while typing in Flex Mobile Text Area

When I try to write text in Flex mobile TextArea, the text positioning is not correct. What might be the issue? Do I need to specify some Skin Class for it?

Could be that the font doesn't have Hindi chars support and the text you paste is HTML chars.
You could try to embed a font you know has the appropriate chars and use that for global and Applications CSS classes.

Pass query string in Flex Builder debug?

Hi,
I'm trying to figure out how to launch a debug session while passing query strings in Flex Builder. If I open up the Debug dialog, and uncheck "Use Defaults" and attempt to add my query string to the Debug Path text field, Flex Builder states that "The file cannot be found to launch". How do I pass a query string to debug in a SWF with Flex Builder?
Thank you.

If I understood your question correctly.
go to html-template/index.template.html and add the query string there and everything you run the app the query string should be there.
Hope this helps,
BaBo,

Website in Flex

Hi,
Was just wondering, I am making a website in flex and im not
sure how to lay it out.
How should I make each of the pages? Should I make them as
states and when a user clicks a button to navigate, it changes
state...
or is there a better way to do this?
Thanks!

Here is a sample app I created to show using ViewStack for an
entire website:
------------------------- ViewStack1.mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="
http://www.adobe.com/2006/mxml"
xmlns:comp="components.*"
layout="vertical" width="100%" height="100%" >
<comp:TopBar />
<mx:HBox width="100%" height="100%">
<comp:LeftBar />
<mx:VBox width="100%" height="100%">
<mx:ViewStack id="myViewStack" borderStyle="none"
width="100%" height="100%">
<mx:VBox id="home" width="100%">
<comp:MainIntroText />
<mx:HRule width="50%" height="3"
strokeColor="0xCC3333"/>
<comp:MainSecondaryText />
<mx:HRule width="50%" height="3"
strokeColor="0xCC3333"/>
<comp:MainFinalText />
</mx:VBox>
<mx:VBox id="about" width="100%">
<comp:About />
</mx:VBox>
<mx:VBox id="contact" width="100%">
<comp:Contact />
</mx:VBox>
</mx:ViewStack>
</mx:VBox>
</mx:HBox>
</mx:Application>
------------------------------- About.mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:HBox xmlns:mx="
http://www.adobe.com/2006/mxml"
width="100%">
<mx:VBox width="65%">
<mx:Text fontSize="14" width="100%" text="This page tells
you about us." />
</mx:VBox>
</mx:HBox>
----------------------------------- Contact.mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:HBox xmlns:mx="
http://www.adobe.com/2006/mxml"
width="100%">
<mx:VBox width="65%">
<mx:Text fontSize="14" width="100%" text="This page tells
you how to contact us." />
</mx:VBox>
</mx:HBox>
------------------- LeftBar.mxml -------------------------
<?xml version="1.0" encoding="utf-8"?>
<mx:VBox xmlns:mx="
http://www.adobe.com/2006/mxml"
width="200" height="100%">
<mx:LinkButton label="Adobe Labs - Flex"
click="navigateToURL(new URLRequest('
http://labs.adobe.com/technologies/flex'),
'_blank');"/>
<mx:Spacer height="20"/>
<mx:Label fontSize="16" text="Flex Blogs"/>
<mx:LinkBar direction="vertical" width="90%"
itemClick="navigateToURL(new URLRequest(event.item.data),
'_blank');">
<mx:Object label="Adobe Flex Team Blog" data="
http://weblogs.macromedia.com/flexteam/"/>
<mx:Object label="Flex Blog Aggregator" data="
http://www.allyourflexarebelongtous.com/"/>
<mx:Object label="Adobe Flex Blog Aggregator" data="
http://weblogs.macromedia.com/mxna/index.cfm?query=byCategory&categoryId=5&categor yName=Flex"/>
</mx:LinkBar>
<mx:Spacer height="20"/>
<mx:Label fontSize="16" text="Example Flex Apps"/>
<mx:LinkBar direction="vertical" id="addlRscList"
width="90%" itemClick="navigateToURL(new
URLRequest(event.item.data), '_blank');">
<mx:Object label="Adobe Flex Store" data="
http://www.adobe.com/devnet/flex/samples/flex_store_v2/"/>
<mx:Object label="Adobe Dashboard Example" data="
http://examples.adobe.com/flex2/inproduct/sdk/dashboard/dashboard.html"/>
<mx:Object label="Buzzword Word Processor" data="
http://preview.getbuzzword.com/?s=true"/>
<mx:Object label="Adobe Style Explorer" data="
http://examples.adobe.com/flex2/consulting/styleexplorer/Flex2StyleExplorer.html"/>
<mx:Object label="Adobe Component Explorer" data="
http://examples.adobe.com/flex2/inproduct/sdk/explorer/explorer.html"/>
</mx:LinkBar>
</mx:VBox>
----------------------- MainFinalText.mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:VBox xmlns:mx="
http://www.adobe.com/2006/mxml"
width="100%">
<mx:Text width="100%" fontSize="12"
text="Here is the final text I want to show you." />
</mx:VBox>
--------------------------- MainIntroText.mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:VBox xmlns:mx="
http://www.adobe.com/2006/mxml"
width="100%">
<mx:Text width="100%" fontSize="12"
text="Here is the main text I want to show you." />
</mx:VBox>
----------------------- MainSecondaryText.mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:VBox xmlns:mx="
http://www.adobe.com/2006/mxml"
width="100%">
<mx:Text width="100%" fontSize="12"
text="Here is the secondary text I want to show you." />
</mx:VBox>
--------------- TopBar.mxml --------------------------------
<?xml version="1.0" encoding="utf-8"?>
<mx:HBox xmlns:mx="
http://www.adobe.com/2006/mxml"
width="100%">
<mx:Script>
<![CDATA[
private function goToViews(view:String):void {
if(view == "home"){
this.parentApplication.myViewStack.selectedChild=this.parentApplication.home;
if(view == "about"){
this.parentApplication.myViewStack.selectedChild=this.parentApplication.about;
if(view == "contact"){
this.parentApplication.myViewStack.selectedChild=this.parentApplication.contact;
]]>
</mx:Script>
<mx:LinkButton label="MySnazzyLogo" fontSize="20"
click="goToViews('home');" />
<mx:VBox width="100%">
<mx:HBox width="100%">
<mx:Spacer width="100%" />
<mx:LinkBar fontSize="14"
itemClick="goToViews(String(event.item.data));">
<mx:Array>
<mx:Object label="About Us" data="about"/>
<mx:Object label="Contact Us" data="contact"/>
</mx:Array>
</mx:LinkBar>
</mx:HBox>
<mx:HBox width="100%">
<mx:Spacer width="150" />
<mx:Label fontSize="25" text="Here is Some Additional
Text" />
</mx:HBox>
</mx:VBox>
</mx:HBox>

Perspective Text in Flex

Similar Messages

Maybe you are looking for