Question

我的仪表板页面中有一个抽屉，每个标签都被裁剪，我尝试了不同的东西，但没有运气:(

这是我的抽屉代码：

<!-- >> sidedrawer-over-navigation-drawer -->
<dpg:DrawerPage.sideDrawer>
    <drawer:RadSideDrawer id="mainMenuDrawer" gesturesEnabled="true">
        <drawer:RadSideDrawer.drawerContent>
            <GridLayout rows="75, *" columns="300" class="mainMenuContent">
                <StackLayout row="0" verticalAlignment="middle" horizontalAlignment="center">
                    <Label text="Main Menu" class="mainMenuHeader" />
                </StackLayout>
                <lv:RadListView items="{{ menuItems }}" row="1" class="mainMenuItems">
                    <lv:RadListView.listViewLayout>
                        <lv:ListViewLinearLayout scrollDirection="Vertical"/>
                    </lv:RadListView.listViewLayout>
                    <lv:RadListView.itemTemplate>
                        <GridLayout rows="50" columns="50, *" class="mainMenuItems">
                            <Label class="fa mainMenuItemIcon" col="0" text="{{ icon | fonticon }}" horizontalAlignment="center" verticalAlignment="middle" />
                            <Label class="mainMenuItemLabel" col="1" text="{{ title }}" horizontalAlignment="left" verticalAlignment="middle" />
                        </GridLayout>
                    </lv:RadListView.itemTemplate>
                </lv:RadListView>
            </GridLayout>
        </drawer:RadSideDrawer.drawerContent>
    </drawer:RadSideDrawer>
</dpg:DrawerPage.sideDrawer>
<!-- << sidedrawer-over-navigation-drawer -->

在图像中，您将看到发生了什么。

知道发生了什么事吗？

感谢!!!

Answer 1

始终使用<Label textWrap="true"让这些宝宝适合。

Answer 2

Try setting those labels to a width of a 100% or some width long enough to fit all your text. that will fix them truncating

Answer 3

没有verticalAlignment="middle"。它的top, center, bottom or stretch。这可能会影响您的标签。另请尝试删除根GridLayout columns="300"。

Answer 4

您在主菜单中的对齐是多余的，请尝试使用垂直对齐并自定义angular.module('app') .component('home', { templateUrl: 'Content/app/components/home.html', bindings: { data: '<' }, controller: [ function () { var vm = this; vm.$onInit = function () { console.log("this is the resolve", vm) } }] });的列大小。示例：

GridLayout

标签文本正在iOS中剪裁

4 个答案: