AIGameAIGame
首页
API文档
UI框架
API实例
UI实例
下载软件
首页
API文档
UI框架
API实例
UI实例
下载软件
  • UI文档

    • 界面框架
      • 01.必备基础
      • 02.公共方法
      • 03.公共属性
      • 04.原生交互
      • 05.组件与原生类对照表
    • appbar - 标题栏
      • 01.基础用法
      • 02.详细属性
      • 03.详细方法
    • btm-appbar - 底部标题栏
      • 01.基础用法
      • 02.详细属性
      • 03.详细方法
    • button - 按钮
      • 01.基础用法
      • 02.详细属性
      • 03.详细方法
    • button-group - 按钮组
      • 01.详细属性
      • 02.详细方法
      • 03.经典案例
    • check - 多选框
      • 01.详细属性
      • 02.详细方法
      • 03.经典案例
    • fab - 悬浮按钮
      • 01.基础用法
      • 02.详细属性
      • 03.详细方法
      • 04.经典案例
    • hr - 分割线
    • img - 图片(图标)
      • 01.基础用法
      • 02.详细属性
      • 03.详细方法
      • 04.经典案例
    • radio - 单选按钮
      • 01.基础用法
      • 02.详细属性
      • 03.详细方法
      • 04.经典案例
    • radio-group - 单选按钮组
      • 01.基础用法
      • 02.详细属性
      • 03.详细方法
    • slider - 拖拽条
      • 01.基础用法
      • 02.详细属性
      • 03.详细方法
    • switch - 开关
      • 01.基础用法
      • 02.详细属性
      • 03.详细方法
      • 04.经典案例
    • statusbar - 状态栏
      • 01.基础用法
      • 02.详细属性
    • progress - 进度条
      • 01.详细属性
      • 02.详细方法
    • text - 文本
      • 01.基础用法
      • 02.详细属性
      • 03.详细方法
    • 专题

      • gravity 重力专题
      • margin 外边距专题
      • padding 内边距专题
    • 布局

      • linear 线性布局
      • drawer 抽屉布局
      • coordinator 协调布局
      • appbarLayout 工具条布局

04.经典案例

自动隐藏和出现


<ui>
    <coord w="max">
        <appbar-layout w="max">
            <!--
            当设置为scrollFlags="scroll|enterAlways|snap"时,
            表示当滑动到一定位置时,appbar会自动隐藏和出现
            -->
            <appbar back="true" h="max" id="mToolbar" scrollFlags="scroll|enterAlways|snap"
                    subTitle="副标题" title="标题" w="max"/>
        </appbar-layout>
        <!--
        当被当被coord布局包裹后,appbar可以设置behavior="appbar"属性,
        表示appbar在被coord布局滑动时,appbar会自动隐藏和出现
        -->
        <nested behavior="appbar" h="max" w="max">
            <linear gravity="center" h="max" w="max">
                <text h="300" text="悬浮按钮隐藏和出现的效果"/>
                <text h="300" text="悬浮按钮隐藏和出现的效果"/>
                <text h="300" text="悬浮按钮隐藏和出现的效果"/>
                <text h="300" text="悬浮按钮隐藏和出现的效果"/>
                <text h="300" text="悬浮按钮隐藏和出现的效果"/>
            </linear>
        </nested>
        <!--
        当被coord布局包裹后,fab可以设置behavior="fab"属性,
        表示悬浮按钮在被coord布局滑动时,悬浮按钮会自动隐藏和出现
        -->
        <fab behavior="fab" color="#57965C" iconTint="#FFFFFF" layout_gravity="bottom|end"
             margin="50"/>
    </coord>
</ui>

最近更新:: 2025/5/16 22:02
Contributors: 孑小白
Prev
03.详细方法