Android将底部工具栏移到布局顶部

斯蒂芬·麦考密克

这是的延续,在离线时,我想在屏幕底部(底部工具栏下方)获得警告文本。在离线模式下看起来正确:

选择离线模式时

但是,当我隐藏离线模式时,它会弹出到布局的顶部,如下所示(隐藏我想显示的所有内容):

在此处输入图片说明

我尝试将底部工具栏设置为android:layout_alignParentBottom="true",当隐藏带有TextView的RelativeLayout(脱机模式)时,确实不会将其弹出到顶部,但是当我不隐藏脱机模式时,它们会彼此重叠。

对于比我更熟悉Android UI的人来说,这可能很容易。XML布局当前看起来像这样:

<RelativeLayout
    android:id="@+id/mainLyt"
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ScrollView 
        android:id="@+id/formScrollView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_alignParentTop="true"
        android:layout_above="@+id/bottomBar" >
        <LinearLayout
            android:id="@+id/formLayout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:paddingLeft="10dp"
            android:paddingTop="15dp"
            android:paddingRight="10dp"
            android:paddingBottom="15dp"
            android:orientation="vertical" >
        </LinearLayout>

    </ScrollView>

    <RelativeLayout
        android:id="@+id/bottomBar"
        android:layout_height="wrap_content"
        android:layout_width="match_parent"
        android:orientation="horizontal"
        android:layout_above="@+id/bottomOffline" 
        android:background="@color/form_toolbar">

        <ImageButton
            android:id="@+id/btnPrev"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:onClick="btnPrevClicked"
            android:layout_alignParentLeft="true"
            android:focusableInTouchMode="false"
            android:background="?android:attr/selectableItemBackground"
            android:src="@drawable/toolbar_prev"
            android:padding ="8dp"
            />

        <ImageButton
            android:id="@+id/btnIndex"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toRightOf="@+id/btnPrev"
            android:onClick="btnIndexClicked"
            android:focusableInTouchMode="false"
            android:background="?android:attr/selectableItemBackground"
            android:src="@drawable/toolbar_index"
            android:padding ="8dp"
            />

        <ImageButton
            android:id="@+id/btnValidation"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toRightOf="@+id/btnIndex"
            android:onClick="btnValidationClicked"
            android:focusableInTouchMode="false"
            android:background="?android:attr/selectableItemBackground"
            android:src="@drawable/toolbar_validate"
            android:padding ="8dp"
            />

        <ImageButton
            android:id="@+id/btnNext"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:onClick="btnNextClicked"
            android:focusableInTouchMode="false"
            android:background="?android:attr/selectableItemBackground"
            android:src="@drawable/toolbar_next"
            android:padding ="8dp"
            />
    <!-- Some Buttons -->
    </RelativeLayout>

    <RelativeLayout
        android:id="@+id/bottomOffline"
        android:layout_width="match_parent"
        android:layout_height="34dp"
        android:layout_alignParentBottom="true"
        android:background="@color/orangelight"
        android:gravity="center_horizontal">

        <TextView
            android:id="@+id/offline"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:focusableInTouchMode="false"
            android:text="OFFLINE MODE"
            android:textStyle="bold"
            android:textColor="@color/white"
            android:padding ="8dp"
            />
    </RelativeLayout>

</RelativeLayout>

谢谢!

身体b1

尝试将底部视图包装在LinearLayout中,然后从两个嵌套视图中删除align字段

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:orientation="vertical">

<RelativeLayout
    android:id="@+id/bottomBar"
    android:layout_height="wrap_content"
    android:layout_width="match_parent"
    android:orientation="horizontal"
    android:background="@color/form_toolbar">

    <ImageButton
        android:id="@+id/btnPrev"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="btnPrevClicked"
        android:layout_alignParentLeft="true"
        android:focusableInTouchMode="false"
        android:background="?android:attr/selectableItemBackground"
        android:src="@drawable/toolbar_prev"
        android:padding ="8dp"
        />

    <ImageButton
        android:id="@+id/btnIndex"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@+id/btnPrev"
        android:onClick="btnIndexClicked"
        android:focusableInTouchMode="false"
        android:background="?android:attr/selectableItemBackground"
        android:src="@drawable/toolbar_index"
        android:padding ="8dp"
        />

    <ImageButton
        android:id="@+id/btnValidation"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@+id/btnIndex"
        android:onClick="btnValidationClicked"
        android:focusableInTouchMode="false"
        android:background="?android:attr/selectableItemBackground"
        android:src="@drawable/toolbar_validate"
        android:padding ="8dp"
        />

    <ImageButton
        android:id="@+id/btnNext"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:onClick="btnNextClicked"
        android:focusableInTouchMode="false"
        android:background="?android:attr/selectableItemBackground"
        android:src="@drawable/toolbar_next"
        android:padding ="8dp"
        />
    <!-- Some Buttons -->
</RelativeLayout>

<RelativeLayout
    android:id="@+id/bottomOffline"
    android:layout_width="match_parent"
    android:layout_height="34dp"
    android:background="@color/orangelight"
    android:gravity="center_horizontal">

    <TextView
        android:id="@+id/offline"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:focusableInTouchMode="false"
        android:text="OFFLINE MODE"
        android:textStyle="bold"
        android:textColor="@color/white"
        android:padding ="8dp"
        />
</RelativeLayout>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

将工具栏移到相对布局的顶部

来自分类Dev

底部工具栏布局

来自分类Dev

Android工具栏将MenuItem的图标移到右侧

来自分类Dev

如何将Android工具栏与屏幕底部对齐?

来自分类Dev

Android-底部的工具栏-如何在顶部显示边框

来自分类Dev

Android-底部的工具栏-如何在顶部显示边框

来自分类Dev

在Android布局底部添加工具栏时,滚动行为不起作用

来自分类Dev

将textAngular工具栏放置在textEditor的底部

来自分类Dev

如何将组件锚定到工具栏的顶部?

来自分类Dev

Android Studio底部工具栏已消失

来自分类Dev

Android - 无法修复折叠工具栏布局中的工具栏

来自分类Dev

如何将布局背景合并到工具栏

来自分类Dev

将框架布局放置在ConstraintLayout的工具栏下方

来自分类Dev

Android,工具栏布局中的位置菜单项

来自分类Dev

Android:折叠线性布局而不是折叠工具栏

来自分类Dev

Android,工具栏布局中的位置菜单项

来自分类Dev

Android-工具栏子布局左侧的填充/空白

来自分类Dev

如何在Android工具栏下方启动抽屉布局?

来自分类Dev

如何从AppBar布局或工具栏的底部删除阴影或分隔线?

来自分类Dev

在带有阴影的工具栏底部创建固定布局

来自分类Dev

如何在带有工具栏和底部导航视图的布局中使用滚动视图?

来自分类Dev

使用CoordinatorLayout,Swipe2Refresh和WebView时位于布局顶部的工具栏

来自分类Dev

片段内部折叠的工具栏布局在顶部留有空白

来自分类Dev

如何使编辑文本浮动在工具栏和主布局顶部

来自分类Dev

工具栏标题显示在底部

来自分类Dev

iPhone X 底部工具栏问题

来自分类Dev

无法始终在底部设置工具栏

来自分类Dev

使工具栏适合整个屏幕顶部

来自分类Dev

工具栏不能位于CollapsingToolbarLayout的顶部

Related 相关文章

  1. 1

    将工具栏移到相对布局的顶部

  2. 2

    底部工具栏布局

  3. 3

    Android工具栏将MenuItem的图标移到右侧

  4. 4

    如何将Android工具栏与屏幕底部对齐?

  5. 5

    Android-底部的工具栏-如何在顶部显示边框

  6. 6

    Android-底部的工具栏-如何在顶部显示边框

  7. 7

    在Android布局底部添加工具栏时,滚动行为不起作用

  8. 8

    将textAngular工具栏放置在textEditor的底部

  9. 9

    如何将组件锚定到工具栏的顶部?

  10. 10

    Android Studio底部工具栏已消失

  11. 11

    Android - 无法修复折叠工具栏布局中的工具栏

  12. 12

    如何将布局背景合并到工具栏

  13. 13

    将框架布局放置在ConstraintLayout的工具栏下方

  14. 14

    Android,工具栏布局中的位置菜单项

  15. 15

    Android:折叠线性布局而不是折叠工具栏

  16. 16

    Android,工具栏布局中的位置菜单项

  17. 17

    Android-工具栏子布局左侧的填充/空白

  18. 18

    如何在Android工具栏下方启动抽屉布局?

  19. 19

    如何从AppBar布局或工具栏的底部删除阴影或分隔线?

  20. 20

    在带有阴影的工具栏底部创建固定布局

  21. 21

    如何在带有工具栏和底部导航视图的布局中使用滚动视图?

  22. 22

    使用CoordinatorLayout,Swipe2Refresh和WebView时位于布局顶部的工具栏

  23. 23

    片段内部折叠的工具栏布局在顶部留有空白

  24. 24

    如何使编辑文本浮动在工具栏和主布局顶部

  25. 25

    工具栏标题显示在底部

  26. 26

    iPhone X 底部工具栏问题

  27. 27

    无法始终在底部设置工具栏

  28. 28

    使工具栏适合整个屏幕顶部

  29. 29

    工具栏不能位于CollapsingToolbarLayout的顶部

热门标签

归档