คำถามติดแท็ก animation

ฉันมีปัญหากับภาพเคลื่อนไหว CSS3 .child { opacity: 0; display: none; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } .parent:hover .child { opacity: 0.9; display: block; } รหัสนี้ใช้ได้เฉพาะเมื่อฉันลบการเปลี่ยนแปลงของdisplay. ฉันต้องการเปลี่ยนการแสดงผลหลังจากเลื่อนเมาส์ไปแล้ว แต่ควรเปลี่ยนความทึบโดยใช้การเปลี่ยน

106 animation  css 

ฉันได้ตรวจสอบบทช่วยสอนสำหรับการทำธุรกรรมที่เคลื่อนไหวระหว่างส่วนต่างๆ ฉันใช้วิธีนี้ในการเคลื่อนไหวและได้ผล: fragmentTransaction.setCustomAnimations(android.R.anim.slide_in_left, android.R.anim.slide_out_right); แต่ฉันต้องการกลับภาพเคลื่อนไหวนี้: ส่วนเก่าเลื่อนออกไปทางซ้ายและส่วนใหม่เลื่อนไปทางขวา แต่ไม่มีค่าของ R.animดูเหมือนว่าไฟล์ที่จะเป็นประโยชน์สำหรับขอบเขตของฉัน ฉันจะทำมันได้อย่างไร?

104 android  animation  android-fragments 

สิ่งที่เรียบง่ายนี้ควรทำได้อย่างง่ายดาย แต่ฉันกำลังดึงผมออกว่ามันซับซ้อนแค่ไหน สิ่งที่ฉันต้องการทำคือทำให้การติดตั้งและการยกเลิกการต่อเชื่อมคอมโพเนนต์ React เป็นแบบเคลื่อนไหว นี่คือสิ่งที่ฉันได้ลองทำไปแล้วและสาเหตุที่แต่ละวิธีใช้ไม่ได้ผล: ReactCSSTransitionGroup - ฉันไม่ได้ใช้คลาส CSS เลยมันเป็นสไตล์ JS ทั้งหมดดังนั้นจึงใช้ไม่ได้ ReactTransitionGroup- API ระดับล่างนี้ยอดเยี่ยม แต่คุณต้องใช้การโทรกลับเมื่อภาพเคลื่อนไหวเสร็จสมบูรณ์ดังนั้นเพียงแค่ใช้การเปลี่ยน CSS จะไม่ทำงานที่นี่ มีไลบรารีแอนิเมชั่นอยู่เสมอซึ่งนำไปสู่ประเด็นต่อไป: GreenSock - การออกใบอนุญาตมีข้อ จำกัด มากเกินไปสำหรับการใช้งานทางธุรกิจ IMO React Motion - ดูเหมือนจะดี แต่TransitionMotionก็สับสนและซับซ้อนเกินไปสำหรับสิ่งที่ฉันต้องการ แน่นอนว่าฉันสามารถใช้กลอุบายได้เช่นเดียวกับ UI ของวัสดุโดยที่องค์ประกอบต่างๆถูกแสดงผล แต่ยังคงซ่อนอยู่ ( left: -10000px) แต่ฉันไม่อยากไปเส้นทางนั้น ฉันคิดว่ามันแฮ็คและฉันต้องการให้ส่วนประกอบของฉันยกเลิกการต่อเชื่อมเพื่อทำความสะอาดและไม่เกะกะ DOM ฉันต้องการสิ่งที่ง่ายต่อการนำไปใช้ เมื่อเมานต์ให้สร้างชุดสไตล์ให้เคลื่อนไหว เมื่อยกเลิกการต่อเชื่อมให้เคลื่อนไหวชุดรูปแบบเดียวกัน (หรืออื่น) เสร็จแล้ว นอกจากนี้ยังต้องมีประสิทธิภาพสูงในหลายแพลตฟอร์ม ฉันเคยชนกำแพงอิฐที่นี่ หากฉันทำอะไรหายไปและมีวิธีง่ายๆในการดำเนินการนี้โปรดแจ้งให้เราทราบ

103 animation  reactjs  css-animations  gsap  react-motion 

ฉันกำลังพยายามย้ายองค์ประกอบบางอย่างในหน้าและในช่วงเวลาที่ภาพเคลื่อนไหวเกิดขึ้นฉันต้องการให้ใช้ "overflow: hidden" กับ elemnt และ "overflow" กลับเป็น "auto" เมื่อภาพเคลื่อนไหวเสร็จสมบูรณ์ ฉันรู้ว่า jQuery มีฟังก์ชั่นยูทิลิตี้ที่กำหนดว่าองค์ประกอบบางอย่างเคลื่อนไหวได้หรือไม่ แต่ฉันไม่พบที่ใดในเอกสาร

102 javascript  jquery  animation 

ฉันใช้ overridePendingTransition เมื่อมีการสร้างกิจกรรมของฉันและใช้งานได้ดีฉันเห็นว่าการจางหายไปในการทำงานที่ดี แต่เมื่อฉันพยายามเคลื่อนไหวจนจบกิจกรรมมันยังคงทำสไลด์ขวาไปซ้ายตามค่าเริ่มต้น ฉันพยายามกำหนดภาพเคลื่อนไหวออกเป็นครั้งแรกเมื่อฉันเริ่มกิจกรรมดังนี้: Intent myIntent = new Intent(a, SkdyAlert.class); myIntent.addFlags(Intent.FLAG_ACTIVITY_SINGLE_TOP); a.startActivity(myIntent); if (android.os.Build.VERSION.SDK_INT > android.os.Build.VERSION_CODES.DONUT) { AnimationHelper.overridePendingTransition(a, R.anim.fadein, R.anim.fadeout); } จากนั้นฉันก็ลองทำมันเมื่อเสร็จสิ้นกิจกรรมเช่นกัน okBtn.setOnClickListener(new OnClickListener() { public void onClick(View v) { finish(); if (android.os.Build.VERSION.SDK_INT > android.os.Build.VERSION_CODES.DONUT) { AnimationHelper.overridePendingTransition(activity, 0, R.anim.fadeout); } } }); แต่วิธีการทั้งสองวิธีนี้จะป้องกันไม่ให้สไลด์ "ขวาไปซ้าย" สำหรับภาพเคลื่อนไหวออก มีความคิดเกี่ยวกับสิ่งที่ฉันทำผิดหรือไม่?

100 android  animation  android-activity 

มีวิธีระบุระยะเวลาสำหรับภาพเคลื่อนไหวแถว UITableView หรือรับการติดต่อกลับเมื่อภาพเคลื่อนไหวเสร็จสิ้นหรือไม่ สิ่งที่ฉันต้องการจะทำคือกะพริบตัวบ่งชี้การเลื่อนหลังจากภาพเคลื่อนไหวเสร็จสิ้น ทำแฟลชก่อนแล้วไม่ทำอะไร จนถึงตอนนี้วิธีแก้ปัญหาที่ฉันมีคือการหน่วงเวลาครึ่งวินาที (ซึ่งดูเหมือนจะเป็นระยะเวลาเริ่มต้นของภาพเคลื่อนไหว) นั่นคือ: [self.tableView insertRowsAtIndexPaths:newRows withRowAnimation:UITableViewRowAnimationFade]; [self.tableView performSelector:@selector(flashScrollIndicators) withObject:nil afterDelay:0.5];

100 ios  iphone  uitableview  animation  cocoa-touch 

ฉันกำลังพยายามให้กล่องโต้ตอบที่กำหนดเองปรากฏขึ้นราวกับว่ามันเลื่อนลงมาจากมุมมองข้อความ เป็นไปได้หรือไม่ ฉันไม่สามารถใช้แอนิเมชั่นกับคลาสไดอะล็อกได้ ฉันได้ลองใช้บรรทัดนี้ในตัวสร้าง แต่ไม่มีผล: this.getWindow (). setWindowAnimations (R.anim.paranimation); ฉันไม่แน่ใจด้วยซ้ำว่าภาพเคลื่อนไหวนั้นถูกต้องหรือไม่ แต่ฉันจะสามารถปรับเปลี่ยนได้เมื่อฉันเห็นว่ามันทำอะไรอยู่ ฉันจะแสดงรายการไว้ด้านล่างเพื่อความสมบูรณ์ ฉันไม่ได้ต้องการความช่วยเหลือเกี่ยวกับแอนิเมชั่นจริงเพียงแค่แอปพลิเคชันในกล่องโต้ตอบ paranimation.xml: <?xml version="1.0" encoding="utf-8"?> <translate xmlns:android="http://schemas.android.com/apk/res/android" android:fromXDelta="-200%" android:toXDelta="0%" android:fromYDelta="200%" android:toYDelta="0%" android:duration="3000" android:zAdjustment="top"> </translate>

98 android  animation  dialog  alert 

ฉันมี JavaScript บรรทัดนี้และพฤติกรรมที่ฉันเห็นคือมันselectedLiหายไปทันทีโดยไม่ต้อง "เลื่อนขึ้น" นี่ไม่ใช่พฤติกรรมที่ฉันคาดไว้ ฉันควรทำอย่างไรเพื่อให้selectedLiสไลด์ขึ้นก่อนที่จะถูกลบออก selectedLi.slideUp("normal").remove();

95 javascript  jquery  animation 

ฉันมี CATransition ต่อไปนี้สำหรับ UIView ที่เรียกว่าfinalScoreViewซึ่งทำให้เข้าสู่หน้าจอจากด้านบน: CATransition *animation = [CATransition animation]; animation.duration = 0.2; animation.type = kCATransitionPush; animation.subtype = kCATransitionFromBottom; animation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseIn]; [gameOver.layer addAnimation:animation forKey:@"changeTextTransition"]; [finalScoreView.layer addAnimation:animation forKey:@"changeTextTransition"]; จะทำยังไงให้มันเด้งทันทีหลังจากลงมาแล้วก็ยังอยู่ มันควรจะยังคงเข้าสู่หน้าจอจากด้านบน แต่จะเด้งขึ้นเมื่อมันลงมา ความช่วยเหลือใด ๆ จะได้รับการชื่นชมมากขอบคุณ!

93 ios  iphone  animation  uiview  uikit 

ดังนั้นจึงเป็นไปได้ที่จะมีภาพเคลื่อนไหวย้อนกลับบนเมาส์เช่น: .class{ transform: rotate(0deg); } .class:hover{ transform: rotate(360deg); } แต่เมื่อใช้แอนิเมชั่น @keyframes ฉันไม่สามารถใช้งานได้เช่น: .class{ animation-name: out; animation-duration:2s; } .class:hover{ animation-name: in; animation-duration:5s; animation-iteration-count:infinite; } @keyframe in{ to {transform: rotate(360deg);} } @keyframe out{ to {transform: rotate(0deg);} } ทางออกที่ดีที่สุดคืออะไรเมื่อรู้ว่าฉันต้องการการทำซ้ำและการเคลื่อนไหวเอง http://jsfiddle.net/khalednabil/eWzBm/

92 css  animation 

UICollectionView ทำให้รายการเคลื่อนไหวหลังจากรีโหลดItemsAtIndexPathsเรียกว่า (ภาพเคลื่อนไหวจาง) มีวิธีหลีกเลี่ยงภาพเคลื่อนไหวนี้หรือไม่? iOS 6

92 ios  animation  ios6  uiview  uicollectionview 

ฉันกำลังเล่นแอนิเมชั่นกับ Android มีภาพเคลื่อนไหว android.R.anim.slide_in_left และ android.R.anim.slide_out_right ฉันกำลังมองหาวิธีรับภาพเคลื่อนไหวที่ตรงกันข้ามเช่น: android.R.anim.slide_in_right and android.R.anim.slide_out_left หรือฉันจะระบุสิ่งเหล่านี้ได้อย่างไร

91 android  animation 

ฉันกำลังใช้สตอรี่บอร์ดปกติและกดส่วนต่างๆใน xcode แต่ฉันต้องการให้มี segues ที่เพิ่งปรากฏในมุมมองถัดไปไม่ใช่เลื่อนมุมมองถัดไป (เช่นเดียวกับเมื่อคุณใช้แถบแท็บและมุมมองถัดไปจะปรากฏขึ้น) มีวิธีง่ายๆที่ดีในการทำให้ปุ่มกดปกติเพียงแค่ "ปรากฏ" ไม่ใช่ "สไลด์" โดยไม่จำเป็นต้องเพิ่มการกำหนดค่าเอง ทุกอย่างทำงานได้ดีโดยสมบูรณ์ฉันแค่ต้องการลบภาพเคลื่อนไหวสไลด์นั้นระหว่างมุมมอง

90 xcode  animation  segue 

ฉันต้องการมีแอนิเมชั่นพัลส์บางประเภท (infinite loop "scale in - scale out") บน UIButton เพื่อให้ผู้ใช้ได้รับความสนใจทันที ฉันเห็นลิงค์นี้วิธีสร้างเอฟเฟกต์พัลส์โดยใช้ -webkit-animation - วงแหวนด้านนอกแต่ฉันสงสัยว่ามีวิธีใดบ้างที่จะทำได้โดยใช้เนทีฟเฟรมเวิร์กเท่านั้น?

89 ios  objective-c  animation  uikit 

ฉันมีปัญหากับสไลด์โชว์ที่กำลังสร้าง ฉันได้สร้างแอนิเมชั่น 2 ภาพใน xml สำหรับการเลือนเข้าและเลือนหาย: fadein.xml <?xml version="1.0" encoding="UTF-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android"> <alpha android:fromAlpha="0.0" android:toAlpha="1.0" android:interpolator="@android:anim/accelerate_interpolator" android:duration="2000"/> </set> fadeout.xml <?xml version="1.0" encoding="UTF-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android"> <alpha android:fromAlpha="1.0" android:toAlpha="0.0" android:interpolator="@android:anim/accelerate_interpolator" android:duration="2000"/> </set> สิ่งที่ไม่ควรทำคือการเปลี่ยนภาพจาก ImageView โดยใช้เอฟเฟกต์การจางดังนั้นภาพที่แสดงในปัจจุบันจะเลือนหายไปและอีกภาพหนึ่งจะเลือนหายไปเมื่อพิจารณาว่าฉันมีภาพที่ตั้งค่าไว้แล้วฉันสามารถลบภาพนี้ได้โดยไม่ต้อง ปัญหาเกี่ยวกับสิ่งนี้: Animation fadeInAnimation = AnimationUtils.loadAnimation(this, R.anim.your_fade_in_anim); imageView.startAnimation(fadeoutAnim); แต่จากนั้นฉันตั้งค่าภาพถัดไปที่จะแสดง: imageView.setImageBitmap(secondImage); มันเพิ่งปรากฏใน imageView และเมื่อฉันตั้งค่าภาพเคลื่อนไหวมันจะซ่อนภาพมันก็จะจางลง ... มีวิธีใดในการแก้ไขฉันหมายถึงเมื่อฉันทำimageView.setImageBitmap (secondImage) คำสั่งภาพจะไม่ปรากฏขึ้นทันทีและเมื่อดำเนินการเฟดในภาพเคลื่อนไหวเท่านั้น?

89 android  animation  imageview  fadein  fadeout