動畫底部底圖的佈局更改

在我的應用程序中，我使用底部工作表（來自支持庫），該工作表非常棒。現在我想在拖動表單的同時爲佈局更改設置動畫。爲此，我已經創建的BottomSheetCallback一個子類（這是normaly一個內部類片段的所以不在此CALSS使用的所有對象都在這裏初始化）：動畫底部底圖的佈局更改

public class MyBehavior extends BottomSheetBehavior.BottomSheetCallback { 

    Transition transition; 
    float lastOffset = 0; 
    Scene scene; 

    public PlayerBehavior() { 
     TransitionInflater inflater = TransitionInflater.from(getContext()); 
     transition = inflater.inflateTransition(R.transition.player); 
     //transition.setDuration(300); 

     scene = fullLayout; 

     transition.setInterpolator(new Interpolator() { 
      @Override 
      public float getInterpolation(float v) { 
       return lastOffset; 
      } 
     }); 
    } 

    @Override 
    public void onStateChanged(@NonNull View bottomSheet, int newState) { 
     if(newState == BottomSheetBehavior.STATE_DRAGGING) { 
      TransitionManager.go(scene, transition); 
     } 
    } 

    @Override 
    public void onSlide(View bottomSheet, final float slideOffset) { 
     scene = (slideOffset > lastOffset) ? smallLayout : fullLayout; 
     lastOffset = slideOffset; 
    } 
}

正如你可以看到我還創建了兩個Scene從不同佈局文件和自定義Transition，以便在具有TransitionManager的場景之間進行動畫製作。我的問題是，Transition應該基於slideOffset參數（範圍爲0-1），但TransitionManager在背景中使用Animation類，後者通常基於Android的時間。

我試圖創建自定義Intapolator，但這不能正常工作。那麼如何創建基於外部變量而不是準時的Transition？

來源

2017-08-13 Cilenco

您能否提供一個視覺示例。截圖例子？ –

我不認爲這是可能的。 BottomSheet偏移量的值從-1到1，並不總是在0和1或-1和0之間反彈。在某些情況下，它將從0.3開始並上升到1.0f。我過去也有同樣的問題。我必須根據時間傾聽狀態變化事件的動畫。 –

您需要哪種類型的動畫。 – Khemraj

我不確定這是否是您想要的，但可能不是使用過渡，您可以使用函數animate()，因爲使用此功能可以更改有關動畫的所有內容（時間，可見性等）。

來源

2017-08-25 06:33:15

## Translation Animation ## 
<?xml version="1.0" encoding="utf-8"?> 
<set 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:interpolator="@android:anim/accelerate_decelerate_interpolator" 
    android:fillAfter="true" 
    > 
    <translate 
     android:fromYDelta="100%p" 
     android:toYDelta="-30%p" 
     android:duration="900" /> 
</set>

##主要活動##

@Override 
protected void onResume() { 
    super.onResume(); 
    Animation am= AnimationUtils.loadAnimation(this,R.anim.fadeout); 
    tv5.startAnimation(am); 
    Animation myanim= AnimationUtils.loadAnimation(this,R.anim.translate); 
    tv1.startAnimation(myanim); 
    myanim.setStartOffset(500); 
    Animation animation= AnimationUtils.loadAnimation(this,R.anim.translate); 
    animation.setStartOffset(1000); 
    tv2.startAnimation(animation); 
    Animation an= AnimationUtils.loadAnimation(this,R.anim.translate); 
    an.setStartOffset(1500); 
    tv3.startAnimation(an); 
    Animation ab= AnimationUtils.loadAnimation(this,R.anim.translate); 
    ab.setStartOffset(2000); 
    tv4.startAnimation(ab); 
    Animation ac= AnimationUtils.loadAnimation(this,R.anim.fadein); 
    ac.setStartOffset(2500); 
    btn1.startAnimation(ac); 
}

來源

2017-09-20 22:29:29

爲了容易地滑動的東西關閉屏幕的底部，可以用代碼，例如：

final int activityHeight = findViewById(android.R.id.content).getHeight(); 
cardContainer.animate().yBy(activityHeight - cardContainer.getY()).setDuration(SLIDE_OUT_DURATION);

其中cardContainer是視圖你正試圖滑出屏幕。

查看完整示例中的blog post。請注意，您也可以使用translationY而不是yBy。另外，這樣做的更通用的方法是使用下面的代碼：

public static ViewPropertyAnimator slideOutToBottom(Context ctx, View view) { 
    final int screenHeight = ctx.getResources().getDisplayMetrics().heightPixels; 
    int[] coords = new int[2]; 
    view.getLocationOnScreen(coords); 
    return view.animate().translationY(screenHeight - coords[Y_INDEX]).setDuration(SLIDE_OUT_DURATION); 
} 

public static ViewPropertyAnimator slideInFromBottom(Context ctx, View view) { 
    final int screenHeight = ctx.getResources().getDisplayMetrics().heightPixels; 
    int[] coords = new int[2]; 
    view.getLocationOnScreen(coords); 
    view.setTranslationY(screenHeight - coords[Y_INDEX]); 
    return view.animate().translationY(0).setDuration(SLIDE_IN_DURATION).setInterpolator(new OvershootInterpolator(1f)); 
}

來源

2017-11-01 12:21:34

根據您的描述，我覺得你是想實現像谷歌地圖底片的行爲。隨着底部片被拖動，佈局改變。

如果這是你想什麼來實現，那麼你並不需要強制執行自定義動畫，如bottomsheetdialog本身有一個父協調佈局內部採用當這些動畫行爲。

以下是我如何實現相同行爲的示例代碼。這也使得FloatingActionButton無形當bottomsheet拖動到全屏幕大小：

創建要主佈局內使用bottomsheetdialog

public class CustomBottomDialog extends BottomSheetDialogFragment { 

String mSomeName; 
@Override 
public void onCreate(@Nullable Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    // if some arguments are passed from the calling activity 
    mSomeName = getArguments().getString("some_name"); 


} 

@Nullable 
@Override 
public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) { 
    View bottomSheet = inflater.inflate(R.layout.bottomsheet_layout, container, false); 
    // initialise your bottomsheet_layout items here 
    TextView tvName = bottomSheet.findViewById(R.id.display_name); 
    tvName.setText(mSomeName); 
    tvName.setOnClickListener(new View.OnClickListener() { 
     @Override 
     public void onClick(View view) { 
      // do something here 
      ((MainActivity)getActivity()).doSomething(); 
     } 
    }); 

    return bottomSheet; 
} 
}

bottomsheet_layout：

<android.support.design.widget.CoordinatorLayout 
xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:tools="http://schemas.android.com/tools" 
xmlns:app="http://schemas.android.com/apk/res-auto" 
android:layout_width="match_parent" 
android:layout_height="match_parent"> 

<android.support.design.widget.FloatingActionButton 
android:id="@+id/nav" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:src="@drawable/navigation_tilt_grey" 
app:backgroundTint="@color/colorAccent" 
app:elevation="3dp" 
app:fabSize="normal" 
android:layout_marginEnd="@dimen/activity_horizontal_margin" 
app:layout_anchor="@+id/live_dash" 
app:layout_anchorGravity="top|right" /> 

<!--BottomSheet--> 

<android.support.v4.widget.NestedScrollView 
android:id="@+id/live_dash" 
android:layout_width="match_parent" 
android:layout_height="wrap_content" 
android:background="#F3F3F3" 
android:clipToPadding="true" 
app:layout_behavior="android.support.design.widget.BottomSheetBe 
havior" 
tools:layout_editor_absoluteY="150dp"> 

<!--Include your items here, the height of all items combined 
will take the main screen layout size with animation--> 

</android.support.v4.widget.NestedScrollView> 

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

從您的活動中調用此底部表格：

public void notifyBottomSheet(String somename){ 

BottomSheetDialogFragment customDialogFragment = new CustomBottomDialog(); 
Bundle args = new Bundle(); 
args.putString("some_name", somename); 
customDialogFragment.setArguments(args); 
customDialogFragment.show(getSupportFragmentManager(), customDialogFragment.getTag()); 
customDialogFragment.setCancelable(false); // if you don't wish to hide 
}

希望這可以解決您試圖實現的目標。

來源

2017-12-04 19:02:51

動畫底部底圖的佈局更改

回答

相關問題