在ImageView上的android setAlpha进入CollapsingToolbarLayout不起作用

时间:2016-06-18 14:30:47

标签: android android-layout android-coordinatorlayout

在CollapsingToolbarLayout imageview中,我需要setAlpha(float)当它向上和向下滚动时:

这是get Offset的方法,并按偏移计算浮动:

AppBarLayout.OnOffsetChangedListener:

 @Override
    public void onOffsetChanged(AppBarLayout appBarLayout, int verticalOffset) {
        float offsetAlpha = (float) (verticalOffset / appBarLayout.getTotalScrollRange());
        imageView.setAlpha(offsetAlpha);
    }

xml layout:

 <android.support.design.widget.CollapsingToolbarLayout
            android:id="@+id/collapsingToolbarLayout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:minHeight="50dp"
            android:fitsSystemWindows="true"
            app:layout_scrollFlags="scroll|exitUntilCollapsed"
            app:contentScrim="@android:color/transparent">

      <ImageView
                    android:id="@+id/imageView"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:layout_gravity="center"
                    android:scaleType="centerCrop"
                    app:layout_collapseMode="parallax" />

 </android.support.design.widget.CollapsingToolbarLayout>

但是setAlpha不起作用。为什么呢?

2 个答案:

答案 0 :(得分:14)

您的计算得出0.0或1.0 我尝试通过获取完整scrollarea的分数来计算偏移量。

这是一个开始并且有待改进。

appbar.addOnOffsetChangedListener(new OnOffsetChangedListener() {
    @Override
    public void onOffsetChanged(final AppBarLayout appBarLayout, final int verticalOffset) {
        float offsetAlpha = (appBarLayout.getY() / appbar.getTotalScrollRange());
        imageView.setAlpha( 1 - (offsetAlpha * -1));
    }
})

答案 1 :(得分:0)

我知道这是一个非常古老的问题并且有一个可以接受的答案,但我想出了一个更好的方法Tim solution does not start from 0.0 to 1.0

override fun onOffsetChanged(appBarLayout: AppBarLayout, verticalOffset: Int) {
    val offsetAlpha =
        1F - ((appBarLayout.totalScrollRange + verticalOffset).toFloat() / appBarLayout.totalScrollRange.toFloat())
    imageView.setAlpha(offsetAlpha);
}

imageView 完全展开时,AppToolbarLayout 将完全消失,如果您想扭转这种情况,只需从 1F - 中删除 offsetAlpha