Flex移动AIR应用程序：无法在底部看到内容

发布时间：2020-12-15 01:47:42 所属栏目：百科来源：网络整理

导读：在Flash Builder 4.6中,我创建了一个Flex Mobile AIR项目. 为什么两个按钮和滚动条都没有看到？为什么我不能向下滑动以查看更多文本和2个按钮？这是我完整而简单的源代码 – “主视图” – Agreement.mxml： ?xml version="1.0" encoding="utf-8"?s:View x

在Flash Builder 4.6中,我创建了一个Flex Mobile AIR项目.

为什么两个按钮和滚动条都没有看到？

为什么我不能向下滑动以查看更多文本和2个按钮？

这是我完整而简单的源代码 –

“主视图” – Agreement.mxml：

<?xml version="1.0" encoding="utf-8"?>
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009" 
        xmlns:s="library://ns.adobe.com/flex/spark" 
        title="HomeView">

    <s:layout>
        <s:VerticalLayout paddingTop="10" paddingBottom="10" paddingLeft="10" gap="10" />
    </s:layout>

    <s:Label text="Agreement" width="100%" textAlign="center" />

    <s:Label width="100%">
        <s:text>
Lorem ipsum dolor sit amet,consectetur adipiscing elit. Aenean tincidunt rutrum felis eu tincidunt. Cum sociis natoque penatibus et magnis dis parturient montes,nascetur ridiculus mus. In auctor erat nec ligula vestibulum porttitor ornare quam facilisis. Lorem ipsum dolor sit amet,consectetur adipiscing elit. Nunc pretium elementum elit,vitae aliquet turpis facilisis tempus. Curabitur quis mi tellus,placerat bibendum erat. Vestibulum condimentum dolor eu purus fermentum pharetra. Suspendisse potenti. Cum sociis natoque penatibus et magnis dis parturient montes,nascetur ridiculus mus. Nulla tempus aliquam vehicula.

Ut porta commodo interdum. Vestibulum et magna non felis malesuada mollis eu a dolor. Vivamus non diam purus,quis ultricies mi. Maecenas pharetra lorem ac elit tempor bibendum. Fusce gravida,enim et cursus dignissim,augue lectus consequat diam,sit amet laoreet urna eros a nisi. Phasellus id lacinia elit. Nullam pharetra tempor lobortis. Morbi non orci eget tellus consectetur euismod sed in diam. Sed sit amet fringilla massa. Sed quis ligula diam,ut vulputate odio. Donec dapibus diam vel libero tincidunt eu laoreet mauris adipiscing.     </s:text>
    </s:Label>

    <s:Spacer height="100%" />

    <s:HGroup width="100%" gap="10">
        <s:Button label="I do not agree" width="50%" />
        <s:Button label="I agree" width="50%" />
    </s:HGroup>
</s:View>

和应用程序本身 – Test.mxml：

<?xml version="1.0" encoding="utf-8"?>
<s:ViewNavigatorApplication 
    xmlns:fx="http://ns.adobe.com/mxml/2009" 
    xmlns:s="library://ns.adobe.com/flex/spark" 
    firstView="views.Agreement">

</s:ViewNavigatorApplication>

解决方法

试试这个：

<?xml version="1.0" encoding="utf-8"?>
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009" 
        xmlns:s="library://ns.adobe.com/flex/spark" 
        title="HomeView">
    <s:Scroller width="100%" height="100%">
        <s:VGroup width="100%" height="100%" paddingTop="10" paddingBottom="10" paddingLeft="10" gap="10">
            <s:Label text="Agreement" width="100%" textAlign="center" />

            <s:Label width="100%">
                <s:text>
        Lorem ipsum dolor sit amet,nascetur ridiculus mus. Nulla tempus aliquam vehicula.

        Ut porta commodo interdum. Vestibulum et magna non felis malesuada mollis eu a dolor. Vivamus non diam purus,ut vulputate odio. Donec dapibus diam vel libero tincidunt eu laoreet mauris adipiscing.     </s:text>
            </s:Label>

            <s:Spacer height="100%" />

            <s:HGroup width="100%" gap="10">
                <s:Button label="I do not agree" width="50%" />
                <s:Button label="I agree" width="50%" />
            </s:HGroup>
        </s:VGroup>
    </s:Scroller>
</s:View>

在Flex 4中,您需要指定是否有人需要使用Scroller滚动:)

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!