1

班上的materialize.min.css某个地方正在分配。我根本无法覆盖这一点。sliderheight

我尝试的是在我的小部件的构造函数中设置高度：

public class HomeViewImpl extends Composite implements HomeView {

    public HomeViewImpl() {

        initWidget(uiBinder.createAndBindUi(this));     

        int height = Window.getClientHeight();
        slider.getElement().getStyle().setHeight(height, Unit.PX);
    }
}

我还尝试在我自己的 css 文件中覆盖它，我也尝试Widget.onLoad()用相同的结果覆盖它。之后我可以调整滑块的大小，但不能在实际加载时调整。由于我希望它用完整个可用空间，因此必须“在加载时”调整其大小。

请注意，设置fullscreen="true"不是一个选项，因为这会打乱我在这里使用的视差效果的排列。

<m:MaterialSlider ui:field="slider" fullscreen="false">

    <m:MaterialSlideItem height="100%">
        <m:MaterialImage url="http://mayastepien.nl/googlecalendar/google-drinks.jpg" />
        <m:MaterialSlideCaption textAlign="CENTER">
            <m:MaterialTitle title="This is our big Tagline" description="Here's our small slogan." />
        </m:MaterialSlideCaption>
    </m:MaterialSlideItem>

    <m:MaterialSlideItem height="100%">
        <m:MaterialImage url="http://dreamatico.com/data_images/car/car-1.jpg" />
        <m:MaterialSlideCaption textAlign="CENTER">
            <m:MaterialTitle title="This is our big Tagline" description="Here's our small slogan." />
        </m:MaterialSlideCaption>
    </m:MaterialSlideItem>

</m:MaterialSlider>
4

1 回答 1

0

根据源代码

https://github.com/GwtMaterialDesign/gwt-material/blob/master/gwt-material/src/main/java/gwt/material/design/client/ui/MaterialSlider.java

..您也可以在 MaterialSlider 上设置 height 属性（在您的 UiBinder xml 中）。

您可能知道这一点，但相对高度仅在父元素的高度也设置时才有效。

例如，请参阅 Make div 100% height of browser window

于 2016-02-14T15:16:28.580 回答