我有一个包含Toolbar和ViewPager的活动，在ViewPager中有三个Fragment，每个Fragment应该将不同的高度设置为Toolbar，也就是说当第一个Fragment是选定的Fragment时，Toolbar的高度应该是x，当第二个Fragment被选中时，工具栏的高度应该是y，以此类推。
现在，我想使工具栏高度的变化与ViewPager滚动同步，有什么建议吗？
与ViewPager同步工具栏高度
6
- Heysem Katibi
3
您可以为每个片段使用工具栏，并从父片段中删除工具栏。 - Rod_Algonquin
我想通过使工具栏高度的变化与ViewPager滚动同步来实现一点美感，我的意思是我不想突然设置高度。 - Heysem Katibi
如果你想要流畅的切换效果，你可以随时自定义ViewPager。 - Rod_Algonquin
5个回答
7
以下是输出结果..
示例代码https://github.com/msquare097/MFlex-toolbar，....
首先，这是一个很好的问题，非常有趣...
并且为了实现它。
我通过在viewpager滚动时更改工具栏的最小高度来使用它。
首先，在您实现ViewPager的活动中，只需声明所有Toolbar高度与片段相对应。
我直接将其作为整数进行了采用。您可以从dimen加载它作为DP并将其转换为PX。
在我的ViewPager中，我有4个片段。因此声明了4个工具栏的高度。
int heightForPage0 = 150;
int heightForPage1 = 400;
int heightForPage2 = 300;
int heightForPage3 = 600;
设置适配器后，只需添加监听器：
mViewPager.addOnPageChangeListener(this);
并覆盖所有三种方法，并写入以下代码...
@Override
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
Log.d(TAG,positionOffset+"");
int currentHeight;
int nextHeight;
switch (position) {
case 0:
currentHeight = heightForPage0;
nextHeight = heightForPage1;
calculateHeightAndApply(currentHeight, nextHeight, positionOffset);
break;
case 1:
currentHeight = heightForPage1;
nextHeight = heightForPage2;
calculateHeightAndApply(currentHeight, nextHeight, positionOffset);
break;
case 2:
currentHeight = heightForPage2;
nextHeight = heightForPage3;
calculateHeightAndApply(currentHeight, nextHeight, positionOffset);
break;
case 3:
// for last page we don't have to worry about it.
// bcoz there is no next page available;
break;
}
}
@Override
public void onPageSelected(int position) {}
@Override
public void onPageScrollStateChanged(int state) {}
这里是那个神奇的方法，我在onPageScrolled中调用它...
private void calculateHeightAndApply(int currentHeight, int nextHeight, float positionOffset) {
if (positionOffset==0) {
return;
}
int diff = nextHeight - currentHeight;
int newHeight = (int) ((positionOffset*diff));
mToolbar.setMinimumHeight(currentHeight+newHeight);
}
- Moinkhan
0
如果你想使用动画效果，你可以使用PageTransformer。
ViewPager pager = (ViewPager) findViewById(R.id.viewpager);
pager.setPageTransformer(false, new ViewPager.PageTransformer() {
@Override
public void transformPage(View onepage, float position) {
//Position is the offset of onepage.
//If position == 0 , one page is center.
//If position == 1 , one page is on the right of center page.
}
});
- tiny sunlight
3
谢谢您的回答，但是这段代码会突然改变工具栏的高度，我希望工具栏的高度随着用户在ViewPager上翻页而改变。 - Heysem Katibi
@MoHaKa，你可以使用PageTransformer。 - tiny sunlight
谢谢，我会尝试的。 - Heysem Katibi
0
试试这个：
int X = 30;
int Y = 50;
Toolbar toolbar = (Toolbar)findViewById(R.id.your_toolbar);
yourViewPager.addOnPageChangeListener(pagerChangeListener());
public ViewPager.OnPageChangeListener pagerChangeListener() {
return new ViewPager.OnPageChangeListener() {
@Override
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
}
@Override
public void onPageSelected(int position) {
if(position == 0){
toolbar.setLayoutParams(new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT, X));
}else{
toolbar.setLayoutParams(new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT, Y));
}
}
@Override
public void onPageScrollStateChanged(int state) {
}
};
- Fabio Venturi Pastor
0
你也可以通过接口来实现这个功能。
接口：
public interface ChangeToolbarHeight {
void setToolbarHeight(int height);
}
活动：
public class MainActivity extends AppCompatActivity implements ChangeToolbarHeight
{
public void setToolbarHeight(int height)
{
RelativeLayout.LayoutParams layoutParams = (RelativeLayout.LayoutParams) mToolbar.getLayoutParams();
layoutParams.height = height;
toolbar.setLayoutParams(layoutParams);
}
}
在你的Fragment中：
public class FragmentOne extends Fragment {
@Override
public void setUserVisibleHint(boolean isVisibleToUser) {
super.setUserVisibleHint(isVisibleToUser);
if (isVisibleToUser)
{
ChangeToolbarHeight changeHeightInterface = (ChangeToolbarHeight) getActivity();
changeHeightInterface.setToolbarHeight(150);
Log.d("TAG","Current Fragment is visible");
}
}
}
为每个片段设置不同的高度。
SetUserVisibleHint是Fragment的默认方法。使用此方法，您可以找出哪个片段对用户可见，并将可见片段的工具栏高度设置为活动。
主要用途是，ViewPager默认加载三个片段，前一个、当前选择和下一个，以使ViewPager的滑动更加流畅。因此，如果未检查SetUserVisibleHint，则您的工具栏高度将混乱。因为ViewPager在后台加载下一个片段。
您可能会看到片段1可见，但工具栏高度将设置为片段3或片段2。
- HourGlass
0
你可以尝试以下代码：
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:ads="http://schemas.android.com/apk/res-auto"
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:background="#fff"
android:orientation="vertical">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="9"
android:orientation="vertical">
<ImageView
android:id="@+id/bannar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:src="@drawable/banner_1" />
<com.astuetz.PagerSlidingTabStrip
android:id="@+id/tabs"
android:layout_width="match_parent"
android:layout_height="48dip"
android:layout_below="@+id/bannar"
android:background="#fff" />
<android.support.v4.view.ViewPager
android:id="@+id/pager"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@+id/tabs" />
</LinearLayout>
</LinearLayout>
这对我有效。我希望它也能对你有效。谢谢。
- user4356416
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接