我的 AppBar 在滚动结束时立即隐藏了我的一个 View ，但我希望固定 View 即使在滚动结束时也能保持在 AppBar 上方。
这是我开始滚动之前的 View :
这是完全滚动时的样子:
您可以看到 AppBar 左下角的圆形图像现在隐藏在栏下方。
这是我的 fragment 的 XML 代码:
<android.support.design.widget.CoordinatorLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/main_content"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true">
<android.support.design.widget.AppBarLayout
android:id="@+id/appbar"
android:layout_width="match_parent"
android:layout_height="150dp"
android:fitsSystemWindows="true"
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">
<android.support.design.widget.CollapsingToolbarLayout
android:id="@+id/collapsing_toolbar"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
app:contentScrim="@color/translucent"
app:expandedTitleMarginEnd="64dp"
app:expandedTitleMarginStart="48dp"
app:layout_scrollFlags="scroll|exitUntilCollapsed">
<ImageView
android:id="@+id/backdrop"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/dark_gray"
android:fitsSystemWindows="true"
android:scaleType="centerCrop"
app:layout_collapseMode="parallax" />
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
app:layout_collapseMode="pin"
app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />
</android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>
<android.support.v4.widget.NestedScrollView
...
</android.support.v4.widget.NestedScrollView>
<de.hdodenhof.circleimageview.CircleImageView
android:id="@+id/profile_image"
android:layout_width="80dp"
android:layout_height="80dp"
android:layout_margin="16dp"
android:fitsSystemWindows="true"
android:src="@drawable/default_profile"
app:border_color="@android:color/white"
app:border_width="2dp"
app:layout_anchor="@id/appbar"
app:layout_anchorGravity="bottom|left|end" />
<android.support.design.widget.FloatingActionButton
...
/>
</android.support.design.widget.CoordinatorLayout>
如何解决这个问题，使 AppBar 左下角的圆形 ImageView 即使在滚动结束时仍保持在其上方？
最佳答案
我今天遇到了和你一样的问题，我现在就可以解决它。
我必须做的是像这样创建一个自定义 View :
package com.github.rodrigohenriques.samples.customview;
import android.animation.Animator;
import android.animation.AnimatorListenerAdapter;
import android.annotation.TargetApi;
import android.content.Context;
import android.graphics.Matrix;
import android.graphics.Rect;
import android.graphics.RectF;
import android.os.Build;
import android.support.design.widget.AppBarLayout;
import android.support.design.widget.CoordinatorLayout;
import android.support.design.widget.Snackbar;
import android.support.v4.view.ViewCompat;
import android.support.v4.view.ViewPropertyAnimatorListener;
import android.support.v4.view.animation.FastOutSlowInInterpolator;
import android.util.AttributeSet;
import android.view.View;
import android.view.ViewGroup;
import android.view.ViewParent;
import android.widget.ImageView;
import java.util.List;
@CoordinatorLayout.DefaultBehavior(CoordinatedImageView.Behavior.class)
public class CoordinatedImageView extends ImageView {
private boolean mIsHiding;
public CoordinatedImageView(Context context) {
super(context);
}
public CoordinatedImageView(Context context, AttributeSet attrs) {
super(context, attrs);
}
public CoordinatedImageView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
}
@TargetApi(Build.VERSION_CODES.LOLLIPOP)
public CoordinatedImageView(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
super(context, attrs, defStyleAttr, defStyleRes);
}
public void hide() {
if(!this.mIsHiding && this.getVisibility() == VISIBLE) {
if(ViewCompat.isLaidOut(this) && !this.isInEditMode()) {
this.animate().scaleX(0.0F).scaleY(0.0F).alpha(0.0F).setDuration(200L).setInterpolator(new FastOutSlowInInterpolator()).setListener(new AnimatorListenerAdapter() {
public void onAnimationStart(Animator animation) {
CoordinatedImageView.this.mIsHiding = true;
CoordinatedImageView.this.setVisibility(VISIBLE);
}
public void onAnimationCancel(Animator animation) {
CoordinatedImageView.this.mIsHiding = false;
}
public void onAnimationEnd(Animator animation) {
CoordinatedImageView.this.mIsHiding = false;
CoordinatedImageView.this.setVisibility(GONE);
}
});
} else {
this.setVisibility(GONE);
}
}
}
public void show() {
if(this.getVisibility() != VISIBLE) {
if(ViewCompat.isLaidOut(this) && !this.isInEditMode()) {
this.setAlpha(0.0F);
this.setScaleY(0.0F);
this.setScaleX(0.0F);
this.animate().scaleX(1.0F).scaleY(1.0F).alpha(1.0F).setDuration(200L).setInterpolator(new FastOutSlowInInterpolator()).setListener(new AnimatorListenerAdapter() {
public void onAnimationStart(Animator animation) {
CoordinatedImageView.this.setVisibility(VISIBLE);
}
});
} else {
this.setVisibility(VISIBLE);
this.setAlpha(1.0F);
this.setScaleY(1.0F);
this.setScaleX(1.0F);
}
}
}
public static class Behavior extends android.support.design.widget.CoordinatorLayout.Behavior<CoordinatedImageView> {
private static final boolean SNACKBAR_BEHAVIOR_ENABLED;
private Rect mTmpRect;
public Behavior() {
}
public boolean layoutDependsOn(CoordinatorLayout parent, CoordinatedImageView child, View dependency) {
return SNACKBAR_BEHAVIOR_ENABLED && dependency instanceof Snackbar.SnackbarLayout;
}
public boolean onDependentViewChanged(CoordinatorLayout parent, CoordinatedImageView child, View dependency) {
if(dependency instanceof Snackbar.SnackbarLayout) {
this.updateFabTranslationForSnackbar(parent, child, dependency);
} else if(dependency instanceof AppBarLayout) {
this.updateFabVisibility(parent, (AppBarLayout)dependency, child);
}
return false;
}
public void onDependentViewRemoved(CoordinatorLayout parent, CoordinatedImageView child, View dependency) {
if(dependency instanceof Snackbar.SnackbarLayout && ViewCompat.getTranslationY(child) != 0.0F) {
ViewCompat.animate(child).translationY(0.0F).scaleX(1.0F).scaleY(1.0F).alpha(1.0F).setInterpolator(new FastOutSlowInInterpolator()).setListener((ViewPropertyAnimatorListener)null);
}
}
private boolean updateFabVisibility(CoordinatorLayout parent, AppBarLayout appBarLayout, CoordinatedImageView child) {
CoordinatorLayout.LayoutParams lp = (CoordinatorLayout.LayoutParams)child.getLayoutParams();
if(lp.getAnchorId() != appBarLayout.getId()) {
return false;
} else {
if(this.mTmpRect == null) {
this.mTmpRect = new Rect();
}
Rect rect = this.mTmpRect;
ViewGroupUtils.getDescendantRect(parent, appBarLayout, rect);
if(rect.bottom <= getMinimumHeightForVisibleOverlappingContent(appBarLayout)) {
child.hide();
} else {
child.show();
}
return true;
}
}
private int getMinimumHeightForVisibleOverlappingContent(AppBarLayout appBarLayout) {
int minHeight = ViewCompat.getMinimumHeight(appBarLayout);
if(minHeight != 0) {
return minHeight * 2;
} else {
int childCount = appBarLayout.getChildCount();
return childCount >= 1?ViewCompat.getMinimumHeight(appBarLayout.getChildAt(childCount - 1)) * 2 :0;
}
}
private void updateFabTranslationForSnackbar(CoordinatorLayout parent, CoordinatedImageView imageView, View snackbar) {
if(imageView.getVisibility() == 0) {
float translationY = this.getFabTranslationYForSnackbar(parent, imageView);
ViewCompat.setTranslationY(imageView, translationY);
}
}
private float getFabTranslationYForSnackbar(CoordinatorLayout parent, CoordinatedImageView imageView) {
float minOffset = 0.0F;
List dependencies = parent.getDependencies(imageView);
int i = 0;
for(int z = dependencies.size(); i < z; ++i) {
View view = (View)dependencies.get(i);
if(view instanceof Snackbar.SnackbarLayout && parent.doViewsOverlap(imageView, view)) {
minOffset = Math.min(minOffset, ViewCompat.getTranslationY(view) - (float)view.getHeight());
}
}
return minOffset;
}
public boolean onLayoutChild(CoordinatorLayout parent, CoordinatedImageView child, int layoutDirection) {
List dependencies = parent.getDependencies(child);
int i = 0;
for(int count = dependencies.size(); i < count; ++i) {
View dependency = (View)dependencies.get(i);
if(dependency instanceof AppBarLayout && this.updateFabVisibility(parent, (AppBarLayout)dependency, child)) {
break;
}
}
parent.onLayoutChild(child, layoutDirection);
this.offsetIfNeeded(parent, child);
return true;
}
private void offsetIfNeeded(CoordinatorLayout parent, CoordinatedImageView imageView) {
Rect padding = new Rect(imageView.getPaddingLeft(), imageView.getPaddingTop(), imageView.getPaddingRight(), imageView.getPaddingBottom());
if(padding.centerX() > 0 && padding.centerY() > 0) {
CoordinatorLayout.LayoutParams lp = (CoordinatorLayout.LayoutParams)imageView.getLayoutParams();
int offsetTB = 0;
int offsetLR = 0;
if(imageView.getRight() >= parent.getWidth() - lp.rightMargin) {
offsetLR = padding.right;
} else if(imageView.getLeft() <= lp.leftMargin) {
offsetLR = -padding.left;
}
if(imageView.getBottom() >= parent.getBottom() - lp.bottomMargin) {
offsetTB = padding.bottom;
} else if(imageView.getTop() <= lp.topMargin) {
offsetTB = -padding.top;
}
imageView.offsetTopAndBottom(offsetTB);
imageView.offsetLeftAndRight(offsetLR);
}
}
static {
SNACKBAR_BEHAVIOR_ENABLED = Build.VERSION.SDK_INT >= 11;
}
}
private static class ViewGroupUtils {
private static final ViewGroupUtils.ViewGroupUtilsImpl IMPL;
ViewGroupUtils() {
}
static void offsetDescendantRect(ViewGroup parent, View descendant, Rect rect) {
IMPL.offsetDescendantRect(parent, descendant, rect);
}
static void getDescendantRect(ViewGroup parent, View descendant, Rect out) {
out.set(0, 0, descendant.getWidth(), descendant.getHeight());
offsetDescendantRect(parent, descendant, out);
}
static {
int version = Build.VERSION.SDK_INT;
if(version >= 11) {
IMPL = new ViewGroupUtils.ViewGroupUtilsImplHoneycomb();
} else {
IMPL = new ViewGroupUtils.ViewGroupUtilsImplBase();
}
}
private static class ViewGroupUtilsImplHoneycomb implements ViewGroupUtils.ViewGroupUtilsImpl {
private ViewGroupUtilsImplHoneycomb() {
}
public void offsetDescendantRect(ViewGroup parent, View child, Rect rect) {
ViewGroupUtilsHoneycomb.offsetDescendantRect(parent, child, rect);
}
}
private static class ViewGroupUtilsImplBase implements ViewGroupUtils.ViewGroupUtilsImpl {
private ViewGroupUtilsImplBase() {
}
public void offsetDescendantRect(ViewGroup parent, View child, Rect rect) {
parent.offsetDescendantRectToMyCoords(child, rect);
}
}
private interface ViewGroupUtilsImpl {
void offsetDescendantRect(ViewGroup var1, View var2, Rect var3);
}
}
private static class ViewGroupUtilsHoneycomb {
private static final ThreadLocal<Matrix> sMatrix = new ThreadLocal();
private static final ThreadLocal<RectF> sRectF = new ThreadLocal();
private static final Matrix IDENTITY = new Matrix();
ViewGroupUtilsHoneycomb() {
}
public static void offsetDescendantRect(ViewGroup group, View child, Rect rect) {
Matrix m = (Matrix)sMatrix.get();
if(m == null) {
m = new Matrix();
sMatrix.set(m);
} else {
m.set(IDENTITY);
}
offsetDescendantMatrix(group, child, m);
RectF rectF = (RectF)sRectF.get();
if(rectF == null) {
rectF = new RectF();
}
rectF.set(rect);
m.mapRect(rectF);
rect.set((int)(rectF.left + 0.5F), (int)(rectF.top + 0.5F), (int)(rectF.right + 0.5F), (int)(rectF.bottom + 0.5F));
}
static void offsetDescendantMatrix(ViewParent target, View view, Matrix m) {
ViewParent parent = view.getParent();
if(parent instanceof View && parent != target) {
View vp = (View)parent;
offsetDescendantMatrix(target, vp, m);
m.preTranslate((float)(-vp.getScrollX()), (float)(-vp.getScrollY()));
}
m.preTranslate((float)view.getLeft(), (float)view.getTop());
if(!view.getMatrix().isIdentity()) {
m.preConcat(view.getMatrix());
}
}
}
}
然后在我的布局中使用这个自定义 View :
<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
tools:context=".ScrollingActivity">
<android.support.design.widget.AppBarLayout
android:id="@+id/app_bar"
android:layout_width="match_parent"
android:layout_height="@dimen/app_bar_height"
android:fitsSystemWindows="true"
android:theme="@style/AppTheme.AppBarOverlay">
<android.support.design.widget.CollapsingToolbarLayout
android:id="@+id/toolbar_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
app:contentScrim="?attr/colorPrimary"
app:layout_scrollFlags="scroll|exitUntilCollapsed">
<ImageView
android:id="@+id/backdrop"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:scaleType="centerCrop"
android:fitsSystemWindows="true"
android:src="@drawable/image"
app:layout_collapseMode="parallax" />
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
app:layout_collapseMode="pin"
app:popupTheme="@style/AppTheme.PopupOverlay" />
</android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>
<include layout="@layout/content_scrolling" />
<android.support.design.widget.FloatingActionButton
android:id="@+id/fab"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="@dimen/fab_margin"
android:src="@android:drawable/ic_dialog_email"
app:layout_anchor="@id/app_bar"
app:layout_anchorGravity="bottom|end" />
<com.github.rodrigohenriques.samples.customview.CoordinatedImageView
android:id="@+id/logo"
android:layout_width="72dp"
android:layout_height="72dp"
android:scaleType="centerCrop"
android:src="@drawable/image"
android:layout_margin="@dimen/fab_margin"
app:layout_anchor="@id/app_bar"
app:layout_anchorGravity="bottom|start" />
</android.support.design.widget.CoordinatorLayout>
我还创建了一个要点:https://gist.github.com/rodrigohenriques/123f2c6a40b95e00e145
祝你好运。
希望对您有所帮助。
关于android - AppBar 在滚动时隐藏 View 直到折叠，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31128528/
我需要从一个View访问多个模型。以前，我的links_controller仅用于提供以不同方式排序的链接资源。现在我想包括一个部分(我假设)显示按分数排序的顶级用户(@users=User.all.sort_by(&:score))我知道我可以将此代码插入每个链接操作并从View访问它，但这似乎不是“ruby方式”，我将需要在不久的将来访问更多模型。这可能会变得很脏，是否有针对这种情况的任何技术？注意事项:我认为我的应用程序正朝着单一格式和动态页面内容的方向发展，本质上是一个典型的网络应用程序。我知道before_filter但考虑到我希望应用程序进入的方向，这似乎很麻烦。最终从任何
我想要做的是有2个不同的Controller，client和test_client。客户端Controller已经构建，我想创建一个test_clientController，我可以使用它来玩弄客户端的UI并根据需要进行调整。我主要是想绕过我在客户端中内置的验证及其对加载数据的管理Controller的依赖。所以我希望test_clientController加载示例数据集，然后呈现客户端Controller的索引View，以便我可以调整客户端UI。就是这样。我在test_clients索引方法中试过这个:classTestClientdefindexrender:template=>
我是一个Rails初学者，但我想从我的RailsView(html.haml文件)中查看Ruby变量的内容。我试图在ruby中打印出变量(认为它会在终端中出现)，但没有得到任何结果。有什么建议吗？我知道Rails调试器，但更喜欢使用inspect来打印我的变量。 最佳答案 您可以在View中使用puts方法将信息输出到服务器控制台。您应该能够在View中的任何位置使用Haml执行以下操作:-puts@my_variable.inspect 关于ruby-on-rails-如何在我的R
我是rails的新手，想在form字段上应用验证。myviewsnew.html.erb.....模拟.rbclassSimulation{:in=>1..25,:message=>'Therowmustbebetween1and25'}end模拟Controller.rbclassSimulationsController我想检查模型类中row字段的整数范围，如果不在范围内则返回错误信息。我可以检查上面代码的范围，但无法返回错误消息提前致谢 最佳答案 关键是您使用的是模型表单，一种显示ActiveRecord模型实例属性的表单。c
我有一个驼峰式字符串，例如:JustAString。我想按照以下规则形成长度为4的字符串:抓取所有大写字母；如果超过4个大写字母，只保留前4个；如果少于4个大写字母，则将最后大写字母后的字母大写并添加字母，直到长度变为4。以下是可能发生的3种情况:ThisIsMyString将产生TIMS(大写字母)；ThisIsOneVeryLongString将产生TIOV(前4个大写字母)；MyString将生成MSTR(大写字母+tr大写)。我设法用这个片段解决了前两种情况:str.scan(/[A-Z]/).first(4).join但是，我不太确定如何最好地修改上面的代码片段以处理最后一种
目前，Itembelongs_toCompany和has_manyItemVariants。我正在尝试使用嵌套的fields_for通过Item表单添加ItemVariant字段，但是使用:item_variants不显示该表单。只有当我使用单数时才会显示。我检查了我的关联，它们似乎是正确的，这可能与嵌套在公司下的项目有关，还是我遗漏了其他东西？提前致谢。注意:下面的代码片段中省略了不相关的代码。编辑:不知道这是否相关，但我正在使用CanCan进行身份验证。routes.rbresources:companiesdoresources:itemsenditem.rbclassItemi
最近因为项目需要，需要将Android手机系统自带的某个系统软件反编译并更改里面某个资源，并重新打包，签名生成新的自定义的apk，下面我来介绍一下我的实现过程。APK修改，分为以下几步：反编译解包,修改,重打包,修改签名等步骤。安卓apk修改准备工作1.系统配置好JavaJDK环境变量2.需要root权限的手机（针对系统自带apk,其他软件免root）3.Auto-Sign签名工具4.apktool工具安卓apk修改开始反编译本文拿Android系统里面的Settings.apk做demo,具体如何将apk获取出来在此就不过多介绍了，直接进入主题：按键win+R输入cmd，打开命令窗口，并将路
除了可访问性标准不鼓励使用这一事实指向当前页面的链接，我应该怎么做重构以下View代码？#navigation%ul.tabbed-ifcurrent_page?(new_profile_path)%li{:class=>"current_page_item"}=link_tot("new_profile"),new_profile_path-else%li=link_tot("new_profile"),new_profile_path-ifcurrent_page?(profiles_path)%li{:class=>"current_page_item"}=link_tot("p
我正在尝试以一种更类似于普通RubyGem结构的方式构建我的Sinatra应用程序。我有以下文件树:.├──app.rb├──config.ru├──Gemfile├──Gemfile.lock├──helpers│ ├──dbconfig.rb│ ├──functions.rb│ └──init.rb├──hidden│ └──Rakefile├──lib│ ├──admin.rb│ ├──api.rb│ ├──indexer.rb│ ├──init.rb│ └──magnet.rb├──models│ ├──init.rb│ ├──invite.rb│ ├─
我有一个非常简单的Controller来管理我的Rails应用程序中的静态页面:classPagesController我怎样才能让View模板返回它自己的名字，这样我就可以做这样的事情:#pricing.html.erb#-->"Pricing"感谢您的帮助。 最佳答案 4.3RoutingParametersTheparamshashwillalwayscontainthe:controllerand:actionkeys,butyoushouldusethemethodscontroller_nameandaction_nam