android-transitions 相关问题

标签与屏幕或场景之间的Android动画效果相关

滑动时从一种布局到另一种布局的透明扩展圆过渡动画

当用户按住屏幕时，手指应该变得透明，以便他们可以看到底层布局。当他们继续按住手指并滑动时，我想创建一个

android android-layout animation android-animation android-transitions

回答 1 投票 0

淡出/淡入动画反应导航

我正在使用 REACT NAVIGATION V6 开发 React Native 应用程序。我想为我的导航添加自定义过渡：淡出当前屏幕 -> 淡入新屏幕。有什么帮助吗...

react-native android-animation android-transitions react-navigation-v6

回答 1 投票 0

当我渲染 React Native Vision 相机时，React 导航页面过渡动画未显示

我正在使用 React Navigation 和 React Native Vision Camera 开发移动应用程序。我正在使用 native-stack 并将动画添加到每个 Stack.Screen 中。我正在使用 React Navigation 和 React Native Vision Camera 开发移动应用程序。我正在使用本机堆栈并将动画添加到每个Stack.Screen。 <Stack.Screen ... options={{animation: 'slide_from_right',...}} /> 它们运行良好，直到我将用户从ScanScreen导航回来，其中包含反应本机视觉相机组件。我的工作流程是Home -> Scan -> Result -> back to Home。当我导航到ScanScreen时，动画正在工作，但如果我在goBack()中调用ScanScreen，或在popToTop()中调用ResultScreen，动画就会消失，应用程序看起来有点卡住。这是我的代码ScanScreen const ScanScreen = ({route, navigation}) => { const {locations} = route.params; // permission const {hasPermission, requestPermission} = useCameraPermission(); // if camera page is active const isFocussed = useIsFocused(); const isForeground = useIsForeground(); const isActive = isFocussed && isForeground; // camera torch control const [torch, setTorch] = useState('off'); // get device const device = useCameraDevice('back'); // inititalization const [isCameraInitialized, setIsCameraInitialized] = useState(false); const onInitialized = useCallback(() => { console.log('Camera initialized!'); setIsCameraInitialized(true); }, []); const codeScanner = useCodeScanner({ codeTypes: ['qr', 'ean-13'], onCodeScanned: codes => { onQRCodeScan({codes}); }, }); useFocusEffect( useCallback(() => { if (!hasPermission) { requestPermission(); } return () => { // setIsCameraReady(false); }; }, []), ); {device != null && ( <Camera style={{flex: 1}} device={device} isActive={isActive} onInitialized={onInitialized} codeScanner={codeScanner} torch={torch} /> )} }) 我在想视觉相机是否太重了？或者也许我正在处理错误的生命周期。我还没有在IOS上尝试过。我尝试在离开页面之前停用相机，但是在我可以之后，transitionStart 没有被触发 goBack() React.useEffect(() => { const unsubscribe = navigation.addListener('transitionStart', (e) => { // Do something }); return unsubscribe; }, [navigation]); 您可以自己处理这个问题Stack.Navigator您不应该在每个屏幕上使用。喜欢： <Stack.Navigator initialRouteName="Tabs" screenOptions={screenOptions}> <Stack.Screen name={Route.SPECS_FEATURES} component={SpecAndFeatures} options={{headerShown: false, gestureEnabled: false}} /> </Stack.Navigator> 屏幕选项 const screenOptions = { cardStyle: {backgroundColor: colors.background, opacity: 1}, headerShadowVisible: false, headerBackTitleVisible: false, headerTitleAlign: 'center', gestureDirection: 'horizontal', gestureEnabled: false, cardStyleInterpolator: CardStyleInterpolators.forHorizontalIOS, headerTitleStyle: {color: 'white', justifyContent: 'center'}, transitionSpec: {open: config,close: closeConfig}, }; 我的配置 const config = { animation: 'spring', config: { stiffness: 1000, damping: 100, mass: 3, overshootClamping: false, restDisplacementThreshold: 0.01, restSpeedThreshold: 0.01, }, }; 我的closeConfig： const closeConfig = { animation: 'timing', config: { duration: 400, stiffness: 1000, damping: 500, mass: 100, overshootClamping: false, restDisplacementThreshold: 0.5, restSpeedThreshold: 0.5, }, }; 如果您想更改导航动画样式，您应该在 cardStyleInterpolator: CardStyleInterpolators.forHorizontalIOS 中进行更改，它提供了许多您想要的默认动画，您也可以在 config 或 closeConfig 中更新以更改动画样式。了解更多详情，您可以访问CardStyleInterpolators

javascript react-native react-navigation android-transitions react-native-vision-camera

回答 1 投票 0

Kotlin 在片段之间设置 RecyclerView Item 的特定动画

我正在使用导航库来导航和制作动画。当我进行转换时，我的代码是这样的；私人 val onClicked = 对象 :MyAdapter.OnItemClickListener{ 覆盖 fun onClicked(id: Int)...

android kotlin android-fragments android-animation android-transitions

回答 1 投票 0

使用共享元素转换后活动只是闪烁

嗨，我正在开发一个应用程序，我使用共享元素转换来为登录时的进入和退出转换设置动画，并注册活动为一个图像视图和两个文本视图设置动画，但我的问题是......

java android user-interface animation android-transitions

回答 5 投票 0

向上或向下滑动时，Viewpager 的 ImageViewer 过渡不平滑

我有一个过渡效果，可以从一张图像滑动到下一张图像，再滑动到上一张图像。滑动的图像被移动到屏幕之外，上一个/下一个图像从相反的屏幕进入......