UI rendering inconsistencies in Flex application

UI rendering inconsistencies in Flex application

心欲静而疯不止 发布于 2021-11-30 字数 2648 浏览 965 回复 2 原文

Has anyone noticed UI rendering inconsistencies within Flex applications. I am having issues with radio buttons and text controls inside a repeater. Below is a sample...

What would cause such inconsistencies? Computer performance, internet speed?

The repeater below has an XML web service acting as a data provider, using Flex's e4x support. Is there a threshold of data that can be rendered in a given Flex app?

Note that most of the time Flex renders the app ok, but most of the time is not good enough in this application.

Thanks.

alt text http://img87.imageshack.us/img87/1435/error3b.jpg

MXML Code below, as requested:


<mx:Repeater id="rpQuestions" width="100%" height="100%" dataProvider="{srv.lastResult..Question}">
    <mx:Box backgroundColor="#FFFF99" width="100%">
        <mx:Text styleName="questionText" text ="{rpQuestions.currentIndex+1 +': ' +rpQuestions.currentItem.@QuestionText}" fontSize ="12" width="100%" selectable="false" />
    </mx:Box>
    <mx:HBox visible="{rpQuestions.currentItem..Image.length() > 0}" includeInLayout="{rpQuestions.currentItem..Image.length() > 0}">
    <mx:Repeater id="rpImages" dataProvider=quot;{rpQuestions.currentItem..Image}" >
        <mx:Image source="{rpImages.currentItem.@Path}" width="350" height="250"  />
    </mx:Repeater>
    </mx:HBox>
    <mx:Repeater id="rpAnswers" dataProvider="{rpQuestions.currentItem..Answer}" width="75%" height="75%">
        <mx:HBox>
            <mx:Spacer width="12" />
            <!-- NOTE: the RadioButton's label property is not used because long text won't  wrap. Instead we use a Text control. -->
            <mx:RadioButton 
            groupName="{rpQuestions.currentItem.@QuestionID}"
            value="{rpAnswers.currentItem.@AnswerID}"
            click="_questionAnswerd(event)"
            selected="{rpAnswers.currentItem.@Selected == '1'}"
                        />
        <mx:Text text="{rpAnswers.currentItem.@Answer}" width="600" selectable="false"  />
        <!-- End-->
        </mx:HBox>
    </mx:Repeater>
</mx:Repeater>

如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

扫码加入群聊

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

丑疤怪 2022-06-07 2 楼

This looks like it's related to a reported bug in the Flex SDK 3.3.0:

SDK-198805: Nested Repeater components do not display correctly when there is an intermediate component

无尽的现实 2022-06-07 1 楼

I would try to make sure that the hbox's inside the repeaters have a percentage set for the height (say 100% for the one with the radio buttons, its repeater which is set to 75%).

Or you could try to invalidate the display/size after the repeaters have finished creating the subcomponents ('repeatEnd' event).