文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

Android 简单实现控件滑动固定效果

控件滑动固定 实现思路：   首先我们需要实时的获取滑动的Y值scrollDistanceY（可以理解为滑动了的距离），可以通过ScrollView的getScrollY();方法来获取。...在xml布局中，绿色的固定布局View我们需要写两个，一个与头部布局重合，位于APP顶部，另一个与列表中。...android.os.Message; import android.util.AttributeSet; import android.view.MotionEvent; import android.widget.ScrollView...* 这是一个能够实时向主View提供滑动距离Y值的ScrollView（滑动的高度） * 能够运用此ScrollView实现在内部View固定顶部布局的需求 */ public class FixedHeadScrollView...xml中，外部固定布局一定要放在scrollView外面。 记得处理手指离开屏幕后，界面仍然在滑动，导致外层固定布局的显示隐藏控制有误。

2.5K30

给Android开发者Flutter上手指南

在Flutter中，布局主要由专门设计用于提供布局的小部件定义，并结合控件widget及其样式属性。 例如, 列 和 行 widgets 控制一个数组中的条目 并且 分别垂直和水平对齐它们。...Container widget 控制一个布局的样式和属性, 并且 Center widget 负责居中它的子widget。...ScrollView在Flutter中等价于什么？ 在Android中，ScrollView允许您包含一个子控件，以便在用户设备的屏幕比控件内容小的情况下，使它们可以滚动。...在 iOS 中，你给 view 包裹上 ScrollView 来允许用户在需要时滚动你的内容。在 Flutter 中，最简单的方法是使用 ListView widget。...它表现得既和 iOS 中的 ScrollView 一致，也能和 TableView 一致，因为你可以给它的 widget 做垂直排布： @override Widget build(BuildContext

2.7K20
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    【Flutter 专题】126 图解自定义两侧对齐 ACETabBar 标签导航栏

    和尚在实践学习过程中，需要把 TabBar 标签栏默认居左，而 TabBar 默认是居中状态；和尚借此机会学习一下 TabBar 源码，稍微调整一下对齐方式； ACETabBar ACETabBarAlignType...TabBar 绘制过程中，多个子 Tab 通过 SingleChildScrollView 存放，最简单的方式，在 SingleChildScrollView 外添加可以设置对齐方式的 Container...& endIcon 两个属性，在最终 return tabBar 时进行判断是否展示添加到导航栏中；而是否添加点击事件可以通过添加 Widget 时进行处理； Widget tabBar = CustomPaint...ACETabBarAlignType.center), child: _scrollView(tabBar)); } tabBar = Row(children: [ widget.startIcon...小扩展 和尚在了解 TabBar 源码过程中，简单学习了 Tab Item 以及对应 indicator 标签指标的绘制及对应的滑动过程；其中在 TabBar 绘制过程中会用到 PreferredSizeWidget

    2.5K90

    flutter系列之:UI layout简介

    简介对于一个前端框架来说，除了各个组件之外，最重要的就是将这些组件进行连接的布局了。布局的英文名叫做layout，就是用来描述如何将组件进行摆放的一个约束。...在flutter中，基本上所有的对象都是widget,对于layout来说也不例外。也就是说在flutter中layout也是用代码来完成的，这和其他的用配置文件来描述layout的语言有所不同。...flutter中layout的分类flutter中的layout widget有很多，他们大概可以分为三类，分别是只包含一个child的layout widget，可以包含多个child的layout...以上是包含单个child的layout组件，下面是可以包含多个child的layout组件：Column — 表示一列child。...Flex是一个widget，在Flex中的子组件会按照某一个指定的方向进行展示。

    1.4K10

    ListView详解

    用convertView减少文件解析次数 Android系统本身为我们考虑了ListView的优化问题，在复写的Adapter的类中，比较重要的两个方法是getCount()和getView()。...但是当xml文件被解析的时候，只要被创建出来了，其孩子的id就不会改变了。根据这个特点，可以将孩子id存入到指定的集合中，每次就可以直接取出集合中对应的元素就可以了。...; import android.widget.ScrollView; public class MainActivity extends Activity { private ListView...为了解决这个问题（如何将事件消费从listview转到scrollview，就是子传父）我考虑过return true将事件消费掉，但是dispatchTouchEvent两者都会调用，不能这么做。...最重要的是,这样优化ListView来处理大的列表的最大缺陷是,因为它迫使ListView显示整个项目列表填满由ScrollView 提供的空间。

    1.6K60

    盒模型

    可以将侧边栏改为宽26%，两列能够并排放下，但是这种方式不可靠。 魔术数值不是一个理想的值，而是通过改样式试出来的值。在编程中不推荐魔术数值，因为往往难以解释一个魔术数值生效的原因。...CSS 的过程中没有考虑到使用者会修改盒模型时。...CSS 中最简单的垂直居中方法是给容器相等的上下内边距，让容器和内容自行决定自己的高度。...在容器里让内容居中最好的方式是根据特定场景考虑不同因素。...这是用户代理的样式表添加的，但当前后叠放两个段落时，它们的外边距不会相加产生一个 2em 的间距，而会折叠，只产生 1em 的间隔。 折叠外边距的大小等于相邻外边距中的最大值。

    2.7K20

    CoordinatorLayout使用全解析

    CoordinatorLayout是在 Google IO/15 大会发布的，遵循Material 风格，包含在 support Library中，结合AppbarLayout, CollapsingToolbarLayout...CoordinatorLayout 又名协调者布局，它是support.design包中的控件，所以使用的时候要导入compile 'com.android.support:design:23.3.0’...，它可以控制包含在CollapsingToolbarLayout中的控件(如：ImageView、Toolbar)在响应layout_behavior事件时作出相应的scrollFlags滚动事件(移除屏幕或固定在屏幕顶端...NestedScrollView 在新版的support-v4兼容包里面有一个NestedScrollView控件，这个控件其实和普通的ScrollView并没有多大的区别，这个控件其实是Meterial...应该说在MD中，RecyclerView代替了ListView，而NestedScrollView代替了ScrollView，他们两个都可以用来跟ToolBar交互，实现上拉下滑中ToolBar的变化。

    3.1K20

    这个控件你必须会用！—ListView+GirdView合集

    ↳ android.widget.ListView(android.widget.GridView) 使用方式 ListView的使用 1.创建布局文件，首先新建一个 xml，命名为 activity_listview.xml...本文讲解最通用的数据适配器—— BaseAdapter 设计自己的适配器，新建一个 adapter包，然后新建 ShoppingMallCommodityAdapter，代码如下： public class...所以，大家在平时的开发中应当尽量使用这种方式进行 getView的实现。...android:gravity：指定每个单元内的重力。 android:horizontalSpacing：定义列之间的默认水平间距。 android:numColumns：定义要显示的列数。...android:stretchMode：定义列应如何拉伸以填充可用的空白空间（如果有）。 android:verticalSpacing：定义行之间的默认垂直间距。

    2.3K20

    码云推荐 | tabris.js + restify + 码云打造个人 APP

    也支持内置的一些实用widget，比如collectionView，scrollView，input，text，image等等。也支持扩展自己的widget和cordova插件。...上面是一个login的部分代码，首先引入tabris的widget，比如Button，ImageView等，然后定义我们的登录类，初始化的时候我们保存了一个Composite到实例中，Composite...new 一个组件然后定义它的样式和属性最后再appendTo到父组件里，如果想实现居中X轴，Y轴居中偏移120，就定义centerX，centerY就可以了，非常方便。...因为篇幅有限，代码等完整开发完毕后我会开源，其中的坑当然也有，我下面简单的总结一下： collectionView中的cell无法绑定独立的事件，所以如果不是纯列表展示，建议用scrollView+Composite...input支持的多行形式比较傻，如果要做像知乎一样的APP端发布器肯定需要自己扩展，目前的形式加滚动条都要和scrollView配合使用，非常的反人类，不过后期我都打算自学写widget了。

    2.7K80

    flutter系列之:flutter中常用的GridView layout详解

    简介 GridView是一个网格化的布局，如果在填充的过程中子组件超出了展示的范围的时候，那么GridView会自动滚动。 因为这个滚动的特性，所以GridView是一个非常好用的Widget。...GridView详解 GridView是一个可滚动的view,也就是ScrollView,事实上GridView继承自BoxScrollView: class GridView extends BoxScrollView...而它的父类BoxScrollView，则是继承自ScrollView: abstract class BoxScrollView extends ScrollView 可以看到BoxScrollView...举个例子，如果GirdView是竖向滚动的，并且它的width是400 pixels,如果这个时候maxCrossAxisExtent被设置为120，那么一行只能有三列。...的body中运行： Widget build(BuildContext context) { return Scaffold( appBar: AppBar(

    1.2K20

    flutter系列之:flutter中常用的GridView layout详解

    简介GridView是一个网格化的布局，如果在填充的过程中子组件超出了展示的范围的时候，那么GridView会自动滚动。因为这个滚动的特性，所以GridView是一个非常好用的Widget。...GridView详解GridView是一个可滚动的view,也就是ScrollView,事实上GridView继承自BoxScrollView:class GridView extends BoxScrollView...而它的父类BoxScrollView，则是继承自ScrollView:abstract class BoxScrollView extends ScrollView 可以看到BoxScrollView是一个抽象类...举个例子，如果GirdView是竖向滚动的，并且它的width是400 pixels,如果这个时候maxCrossAxisExtent被设置为120，那么一行只能有三列。...中运行： Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text

    92620

    Flutter UI原理

    没有单独的“application”对象。 取而代之的是，root widget担任此角色。 您可以通过将层次结构中的widget替换为另一个widget来响应事件，例如用户交互。...您还可以通过将Widget与其他Widget组合来控制Widget的布局。 例如，要将Widget居中，请将其包含在 Center Widegt中。 有填充，对齐，行，列和网格的Widget。...所以基本上你可以通过利用dart:ui包中的类（例如Canvas，Paint和TextBox）来编写一个’Flutter’应用程序。...Element代表着Widget的配置和在树中的特定位置，并保留对相关Widget和RenderObject的引用。 为什么要有三棵树？...在每个构建（BuildContext上下文）函数中传递的BuildContext实际上是包含在BuildContext接口中的相应Element，这就是为什么它对于每个Widget都不同。

    4.3K20

    ConstraintLayout 想说爱你不容易 (二)

    Chains 链式结构 和尚在使用 ConstraintLayout 时，对于多个控件的整体居中尝试了链式结构；在学习过程中发现 Chains 有更多实用的效果； 和尚需要设置几个控件共同居中...选中需要设置的多个控件，右键 Chains 设置 Create Vertical Chains；如图展示，虽然整体居中，但控件间的相对间隔也改变了；因为默认的 _chainStyle 为 spread...ChainStyle - spread spread 为平均分散排列，及各个控件间的距离是均分的(不包括控件自身设置的 margin / padding 属性)； ChainStyle - spread_inside...spread_inside 也是平均分散排列，其中两端默认是紧临水平或竖直两端的(不包括控件自身设置的 margin / padding 属性)； ?...> Weighted Chains 权重链 类似于 LinearLayout 中的 widget 权重，ConstraintLayout 也可以通过 _weight 设置权重效果；其中使用权重时需优先设置好

    1K21
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券