开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

在android中将Scrollview隐藏在Imageview后面，反之亦然

在Android中，将ScrollView隐藏在ImageView后面，或者将ImageView隐藏在ScrollView后面，可以通过使用FrameLayout或ConstraintLayout来实现。

使用FrameLayout： FrameLayout是一种简单的布局容器，它允许子视图重叠在一起。你可以将ScrollView和ImageView作为FrameLayout的子视图，并使用android:layout_gravity属性来控制它们的位置。

<FrameLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:visibility="gone">

        <!-- ScrollView的内容 -->

    </ScrollView>

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:src="@drawable/image"
        android:scaleType="centerCrop" />

</FrameLayout>

在上面的示例中，ScrollView的android:visibility属性设置为gone，使其在初始状态下不可见。ImageView则会显示在最上层。

使用ConstraintLayout： ConstraintLayout是一种灵活的布局容器，可以通过约束关系来控制子视图的位置。你可以使用app:layout_constraintTop_toTopOf和app:layout_constraintBottom_toBottomOf属性将ScrollView和ImageView垂直对齐，并使用app:layout_constraintStart_toStartOf和app:layout_constraintEnd_toEndOf属性将它们水平对齐。

<androidx.constraintlayout.widget.ConstraintLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ScrollView
        android:id="@+id/scrollView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:visibility="gone"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent">

        <!-- ScrollView的内容 -->

    </ScrollView>

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:src="@drawable/image"
        android:scaleType="centerCrop"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

在上面的示例中，ScrollView的android:visibility属性设置为gone，使其在初始状态下不可见。ImageView则会显示在最上层。

这样，你就可以根据需要在ScrollView和ImageView之间切换显示和隐藏。

相关搜索:在android中将jp2(jpeg2000)渲染为Imageview。在android浏览器上，输入文本框隐藏在键盘后面在ScrollView中扩展ConstraintLayout时，如何让Android把ImageView当作不存在的？在泄漏指示器后面的TableViewCell中将ImageView设置为全宽有没有办法在Xamarin.Forms中将ImageSource转换为Android位图，反之亦然深圳服务器空间广州服务器空间成都服务器空间杭州服务器空间重庆服务器空间

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

AppBarLayout学习

可以理解为设置了enterAlways属性的View在向下滚动时的优先级高于ScrollView本身，可以实现分段滚动的效果。...后，ImageView先滚动到最小高度，然后ScrollView滚动，最后ImageView和ToolBar一起滚动。...向下滚动时，当ScrollView滚动顶部了，才继续滚动了。 snap snap是一个根据View在屏幕上显示范围进行调整的一个属性，看下效果其实就明白是怎么回事了。...总结 AppBarLayout是一个垂直的LinearLayout，内部可以布局多个View，在CoordinatorLayout内部与ScrollView共同作用，一共有五种scrollFlags设置...后面会继续学习与CollapsingToolbarLayout一起的使用。

1.1K3 0

安卓下滑渐显标题栏

第一步：导入自定义ScrollView的类 ObservableScrollView.Java import android.content.Context; import android.util.AttributeSet...; import android.widget.ScrollView; /** * 带滚动监听的scrollview * */ public class ObservableScrollView...android:id="@+id/scrollview" android:layout_width="match_parent" android...android:orientation="vertical" > <ImageView android:id="@+id/imageview...{ textView.setBackgroundColor(Color.argb((int) 0, 227, 29, 26));//第一个参数0表示透明度范围是0~255，后面为

5981 0

Android垂直滚动控件ScrollView使用方法详解

二、方法 1）ScrollView垂直滚动控件使用方法 1、在layout布局文件的最外层建立一个ScrollView控件 2、在ScrollView控件中加入一个LinearLayout控件，并且把它的...orientation设置为vertical 3、在LinearLayout控件中放入多个装有图片的ImageView控件三、代码实例 1、效果图 ?...<ScrollView xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent...="match_parent" android:layout_height="match_parent" android:orientation="vertical" <ImageView..." android:src="@drawable/item2" / <ImageView android:layout_width="wrap_content" android

3.9K3 0

HorizontalScrollView水平滚动控件使用方法详解

一、简介用法ScrollView大致相同 ?...二、方法 1）HorizontalScrollView水平滚动控件使用方法 1、在layout布局文件的最外层建立一个HorizontalScrollView控件 2、在HorizontalScrollView...控件中加入一个LinearLayout控件，并且把它的orientation设置为horizontal 3、在LinearLayout控件中放入多个装有图片的ImageView控件 2）HorizontalScrollView...和ScrollView混合使用方法以先垂直后水平为例 1、在layout布局文件的最外层建立一个ScrollView控件 2、在ScrollView控件中加入一个LinearLayout控件，并且把它的...<ScrollView xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent

2.1K5 0

Android之scrollview滑动使标题栏渐变背景色的实例代码

之前也是在网上看到这种效果，不过是滚动listview来改变标题栏的颜色，感觉那个应用的比较少，比如我要滚动scrollview来实现呢，那么问题就来了，废话少说，看一下要实现的效果先(这是在项目应用的效果...; import android.util.AttributeSet; import android.widget.ScrollView; /** * 带滚动监听的scrollview *...android.widget.ImageView; import android.widget.ListView; import android.widget.TextView; import...().removeGlobalOnLayoutListener( this); imageHeight = imageView.getHeight(); scrollView.setScrollViewListener..." android:orientation="vertical" <ImageView android:id="@+id/imageview" android:layout_width

1.4K3 0

横向滑动视图HorizontalScrollView精炼详解

一、前期基础知识储备由于移动设备物理显示空间一般有限，不可能一次性的把所有要显示的内容都显示在屏幕上。所以各大平台一般会提供一些可滚动的视图来向用户展示数据。...imageView = new ImageView(this); imageView.setImageResource(data.get(i)); imageView.setLayoutParams...="#ff00ff" /> <ImageView android:layout_width="200dp" android...="#b7a500" /> <ImageView android:layout_width="200dp" android...="#ff00ff" /> <ImageView android:layout_width="200dp" android

3.5K2 0

让你的布局滚动起来—ScrollView

在使用的过程中，可能会遇到这样的场景，当绘制的UI控件超出手机屏幕尺寸的时候，就会导致此UI控件无法显示。...使用方式 1.竖直滚动视图 ScrollView 在页面的竖直方向线性布局5个 Button，代码如下： <?xml version="1.0" encoding="utf-8"?...已超出屏幕显示，在不使用 ScrollView的情况下，父布局直接使用 LinearLayout，是无法使屏幕滑动显示所有控件的。...注意： ScrollView的子元素只能有一个，可以是一个 View（如 ImageView、 TextView等）也可以是一个 ViewGroup（如 LinearLayout、 RelativeLayout...在实际使用时，我们也会遇到水平方向，控件超出屏幕的情况。

3.4K3 0

ListView详解

用convertView减少文件解析次数 Android系统本身为我们考虑了ListView的优化问题，在复写的Adapter的类中，比较重要的两个方法是getCount()和getView()。...<ImageView android:id="@+id/imageView1" android:layout_width="wrap_content..." /> <ImageView android:id="@+id/imageView2" android:layout_width.../ic_launcher" /> <ImageView android:id="@+id/imageView3"...android:src="@drawable/ic_launcher" /> <ImageView android:id="@+id/imageView4

1.1K6 0

Android自定义scrollView实现顶部图片下拉放大

本文实例为大家分享了scrollView实现顶部图片下拉放大的具体代码，供大家参考，具体内容如下之前的scrollView顶部图片下拉放大在之后的项目用到了几次，但没次都写在Activity中很麻烦，...; import android.view.View; import android.view.ViewGroup; import android.widget.ScrollView; /**...="wrap_content" android:layout_gravity="center" android:src="@drawable/home_bg" / <ImageView android...android:src="@drawable/home_bg" / <ImageView android:layout_width="wrap_content" android:layout_height...="wrap_content" android:layout_gravity="center" android:src="@drawable/home_bg" / <ImageView android

7181 0

Android框架Volley使用：ImageRequest请求实现图片加载

首先我们在项目中导入这个框架： implementation 'com.mcxiaoke.volley:library:1.0.19' 在AndroidManifest文件当中添加网络权限： <uses-permission...显示结果”下面显示结果，显示结果下面使用了一个ScrollView，并在ScrollView下面嵌套了一个Textview和Imageview,用于把我们加载成功之后的图片和文字进行显示。...="wrap_content" / <ImageView android:visibility="gone" android:id="@+id/iv_volley" android...:layout_height="200dp" / <ScrollView android:layout_width="match_parent" android:layout_height...; import android.widget.Button; import android.widget.ImageView; import android.widget.TextView; import

1.2K2 0

Android实现图片轮播列表

"/ <ScrollView android:layout_width="match_parent" android:id="@+id/sv" android:layout_height="0dp"..." <ImageView android:id="@+id/iv1" android:layout_weight="1" android:layout_marginStart="30dp" android...="60dp" android:layout_height="60dp" android:src="@drawable/index_icon"/ <ImageView android:id="@+id.../LinearLayout </ScrollView <LinearLayout android:id="@+id/toolbar" android:layout_width="match_parent...mImageList.add(R.drawable.bm5); mImageList.add(R.drawable.bm6); mPagerAdapter.notifyDataSetChanged(); //初始的位置在正中间

4.3K2 0

Android框架Volley之利用Imageloader和NetWorkImageView加载图片的方法

首先我们在项目中导入这个框架： implementation 'com.mcxiaoke.volley:library:1.0.19' 在AndroidManifest文件当中添加网络权限： <uses-permission...显示结果”下面显示结果，显示结果下面使用了一个ScrollView，并在ScrollView下面嵌套了一个Textview和Imageview,用于把我们加载成功之后的图片和文字进行显示。...="wrap_content" / <ImageView android:visibility="gone" android:id="@+id/iv_volley" android...:layout_height="200dp" / <ScrollView android:layout_width="match_parent" android:layout_height...; import android.widget.Button; import android.widget.ImageView; import android.widget.TextView; import

1.1K3 0

仿大众点评悬浮购买框效果

" android:orientation="vertical" > <ImageView android:id="@+id/imageView1" android:layout_width..." android:layout_height="wrap_content" android:orientation="vertical" > <ImageView android:...layout="@layout/buy_layout" /> <ImageView android:layout_width="match_parent" android:layout_height...="wrap_content" android:background="@drawable/one" android:scaleType="centerCrop" /> <ImageView...drawable/one" android:scaleType="centerCrop" /> <ImageView android:layout_width="match_parent

1.2K10 0

屏幕宽高不够，滚动视图ScrollView来凑

一、ScrollView概述从前面的学习有的同学可能已经发现，当拥有很多内容时屏幕显示不完，显示不全的部分完全看不见。但是在实际项目里面，很多内容都不止一个屏幕宽度或高度，那怎么办呢？...在默认情况下，ScrollView只是为其他组件添加垂直滚动条，如果应用需要添加水平滚动条，则可借助于另一个滚动视图HorizontalScrollView来实现。...android:scrollbarStyle：设置滚动条的风格和位置。属性值有以下几个： outsideInset：该ScrollBar显示在视图(view)的边缘,增加了view的padding....继续使用WidgetSample工程的advancedviewsample模块，在app/main/res/layout/目录下创建scrollview_layout.xml文件，在其中填充如下代码片段...="vertical"> <ImageView android:id="@+id/imageView" android:layout_width

3K6 0

Android 折叠式布局

从头开始先建立一个名为 Folding 项目，然后在创建一个Activity, OneActivity 这个Activity带有自身的XML布局文件， ** 标题栏折叠** 首先打开activity_one.xml...我们就折叠一个图片ImageView吧，折叠之后显示一个标题TextView。如下图所示 ?...为了使体现更好可以AppBarLayout下面放一个滚动条，不要用ScrollView而是NestedScrollView因为这里你是要联动的。...android:layout_width="match_parent" android:layout_height="300dp"/> <ImageView...android:layout_width="match_parent" android:layout_height="300dp"/> <ImageView

1.4K2 0

Android 滑动渐变背景Toolbar、点击置顶ScrollView

创建一个SlideLayoutDemo的项目然后在res下新建一个network_security_config.xml ? 里面的代码很少,如下 <?...增加了网络权限和http访问许可在app的build.gradle中添加相关的依赖先增加DataBind的使用 dataBinding { enabled = true }...; import android.util.AttributeSet; import android.view.View; import android.widget.ImageView; import...android:id="@+id/go_top_scrollview" android:layout_width="match_parent...点击置顶ScrollView ? 代码下载地址

1.6K2 0

android滑动监听事件折叠菜单

效果如下思路 1.定义两个title布局 2.监听ScrollView控件在下面布局不可见的时候显示第二个title布局关键代码： java： scrollView.setOnScrollChangeListener...(scrollRect); //子控件在可视范围内（至少有一个像素在可视范围内） if (whiteLayout.getLocalVisibleRect(scrollRect...<ImageView android:layout_width="20dp" android:layout_height="20dp"...="true"> <ImageView android:layout_width="20dp" android:...android:background="@android:color/black" /> <ScrollView android:id="@+id/scroll_view"

1.8K2 0

安卓开发ScrollView嵌套ListView只显示一行

> 2 <ScrollView xmlns:android="http://schemas.android.com/apk/res/android" 3 android:id="@+id/ScrollView...="fill_parent" > 17 18 <ImageView 19 android:id="@+id/imageView1" 20...> 28 <ImageView 29 android:id="@+id/imageView2" 30 android:layout_width="fill_parent...> 原本用ScrollView嵌套ListView 但是在测试的时候 ListView列表只显示一列！...这不是我希望得到的我希望的是可以整个拖动三个列表于是上网查询发现的问题所在在ScrollView中嵌套ListView空间，无法正确的计算ListView的大小，导致只显示列表第一项故可以通过代码

1.1K9 0

Material Design 实战之第六弹 —— 可折叠式标题栏(CollapsingToolbarLayout) & 系统差异型的功能实现（充分利用系统状态栏空间）

就表示该控件会出现在系统状态栏里； 2.2 在程序的主题中将状态栏颜色指定成透明色；在主题中将android:statusBarColor属性的值指定成@android:color...不管是ScrollView还是NestedScroIIView，它们的内部都只允许存在一个直接子布局。...我在水果详情界面的逻辑中，findViewbyid写错成了卡片水果列表界面的ImageView的id： ?...方法很简单，在主题中将android:statusBarColor属性的值指定成@android:color/transparent即可。...然后在FruitAcuvityTheme中将状态栏的颜色指定成透明色，由于values-v21目录是只有Android5.0及以上的系统才会去读取的，因此这么声明是没有问题的。

2.2K4 0

Android魔术系列：一步步实现滑动折叠列表

="@dimen/scroll_fold_item_height"> <ImageView android:id="@+id/item_img"...:scaleType="fitXY"/> <ImageView android:id="@+id/item_img_shade" android...注意这里全部初始化为收缩状态，没有单独设置一个置顶展开的状态，这个我们后面会解释为什么。监听滑动上面我们完成了adapter类，添加给RecyclerView即可。...目前这个版本在快滑时还有一个小问题。除了RecyclerView这个版本，实际上这个效果还有一个ScrollView的版本。...所以我早期自己实现了能够复用和回收的ScrollView，利用这个自定义的ScrollView实现了这个效果，并且为其自定义了scroller使其回弹有了动画效果。

9071 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭