android 如何让UI顶部和底部固定

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了android 如何让UI顶部和底部固定相关的知识,希望对你有一定的参考价值。

小弟我准备做个界面。要达到这样的效果,顶部有个文本框 底部有两个按钮,顶部和底部都是固定的,中间是个lListView 也就是页面分为三部分 一个textView 一个ListView 在两个按钮 listView 不能把textView和button覆盖。怎么实现 还望高手赐教。

第一,顶部的文本框可以用listview的addheader来实现;第二,底部的button 用相对布局实现,这网上很多 参考技术A 相对布局,android:layout_alignParentTop,android:layout_alignParentBottom,中间放ListView 参考技术B 问题解决了 谢谢楼上各位的指导 谢谢大家啊

kendoui:grid - 在网格的顶部和底部设置寻呼机

有一种简单的情况找不到解决方案。 Kendo-UI仅在底部实现网格分页。我试图让它在顶部显示寻呼机,但它变得无法点击。我认为我的克隆部分是错误的,但不知道如何解决它。先谢谢你们。

这里是脚本和jsp的一部分......

<kendo:grid name="grid" pageable="true" dataBound="onBound">
    <kendo:dataSource serverPaging="true" serverSorting="true">
        <kendo:dataSource-transport>
            <kendo:dataSource-transport-read url="api/items" />
        </kendo:dataSource-transport>
        <kendo:dataSource-schema data="data" total="total" />
    </kendo:dataSource>
    <kendo:grid-columns>
        <kendo:grid-column title="id" field="itemId"></kendo:grid-column>
    </kendo:grid-columns>
</kendo:grid>



<script type="text/javascript">
    function onBound() {
        var grid = $("#grid");
        grid.find(".k-grid-pager")
            .clone()
            .insertBefore(grid.find(".k-grid-header"))
            .addClass("pagerTop").css("border-width", "0 0 1px 0");
    }   
</script>
答案

试试这个,我希望它有所帮助。

function BindTopPager(e) {

    var gridView = $('#grid').data('kendoGrid'),
        pager = $('#div .k-pager-wrap'),
        id = pager.attr('id') + '_top',
        $grid = $('#grid'),
        topPager;

    if (gridView.topPager === null) {
        // create top pager div
        topPager = $('<div/>', {
            'id': id,
            'class': 'k-pager-wrap pagerTop'
        }).insertBefore($grid.find('.k-grid-header'));

        // copy options for bottom pager to top pager
        gridView.topPager = new kendo.ui.Pager(topPager, $.extend({}, gridView.options.pageable, { dataSource: gridView.dataSource }));

        // cloning the pageable options will use the id from the bottom pager
        gridView.options.pagerId = id;

        // DataSource change event is not fired, so call this manually
        gridView.topPager.refresh();
    }
}

var grid = $("#grid").data("kendoGrid");
grid.bind("dataBound", BindTopPager);
grid.dataSource.fetch();

DEMO

另一答案

我使用上面的代码并进行了一些调整以使其工作。我把它变成了JS方法。

function moveNavigationToTopOnGrid(gridSelector) {
    var grid = $(gridSelector).data("kendoGrid"),
        pager = $(gridSelector + ' .k-pager-wrap'),
        id = pager.prop('id') + '_top',
        $grid = $(gridSelector);

    if (!grid.topPager) {
        // create top pager div
        topPager = $('<div/>', {
            'id': id,
            'class': 'k-pager-wrap pagerTop'
        }).insertBefore($grid);

        // copy options for bottom pager to top pager
        grid.topPager = new kendo.ui.Pager(topPager, $.extend({}, grid.options.pageable, { dataSource: grid.dataSource }));

        // cloning the pageable options will use the id from the bottom pager
        grid.options.pagerId = id;

        // DataSource change event is not fired, so call this manually
        grid.topPager.refresh();
    }
}

以上是关于android 如何让UI顶部和底部固定的主要内容,如果未能解决你的问题,请参考以下文章

如何设置CSS 让页面头部和底部固定 中间内容滚动?

如何使用 SwiftUI 将 Stacks 固定在顶部和底部

css 如何设置底部固定

滚动时如何保持 <li> 元素固定在 <ul> 元素的顶部和底部

Android应用的tab导航是放在屏幕顶部好还是底部好

删除 TextView 中的顶部和底部间距