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

ภาพเคลื่อนไหวคือการแสดงลำดับของภาพอย่างรวดเร็วเพื่อสร้างภาพลวงตาของการเคลื่อนไหวหรือการเปลี่ยนแปลง

12
ฉันจะเปลี่ยนแปลงข้อ จำกัด การเคลื่อนไหวได้อย่างไร
ฉันกำลังอัปเดตแอปเก่าด้วยแอนAdBannerViewและเมื่อไม่มีโฆษณามันสไลด์ปิดหน้าจอ เมื่อมีโฆษณามันจะเลื่อนบนหน้าจอ สิ่งพื้นฐาน แบบเก่าฉันตั้งกรอบในบล็อกภาพเคลื่อนไหว รูปแบบใหม่ฉันมีIBOutletข้อ จำกัด ในการจัดวางอัตโนมัติซึ่งกำหนดYตำแหน่งในกรณีนี้คือระยะห่างจากด้านล่างของ superview และแก้ไขค่าคงที่: - (void)moveBannerOffScreen { [UIView animateWithDuration:5 animations:^{ _addBannerDistanceFromBottomConstraint.constant = -32; }]; bannerIsVisible = FALSE; } - (void)moveBannerOnScreen { [UIView animateWithDuration:5 animations:^{ _addBannerDistanceFromBottomConstraint.constant = 0; }]; bannerIsVisible = TRUE; } และแบนเนอร์เคลื่อนไหวอย่างที่คาดไว้ แต่ไม่มีภาพเคลื่อนไหว UPDATE:ฉันได้ดูWWDC 12 พูดคุยแนวปฏิบัติที่เป็นเลิศสำหรับเค้าโครงอัตโนมัติ Masteringซึ่งครอบคลุมภาพเคลื่อนไหว มันอธิบายถึงวิธีการปรับปรุงข้อ จำกัด โดยใช้CoreAnimation : ฉันได้ลองใช้โค้ดต่อไปนี้แล้ว แต่ได้ผลลัพธ์เหมือนกันทุกประการ: - …

14
ฉันจะสร้างภาพเคลื่อนไหว“ โปรดรอสักครู่กำลังโหลด…” โดยใช้ jQuery ได้อย่างไร
ฉันต้องการวางภาพเคลื่อนไหวเป็นวงกลม "โปรดรอสักครู่" บนเว็บไซต์ของฉัน ฉันควรทำสิ่งนี้ให้สำเร็จโดยใช้ jQuery อย่างไร
585 jquery  animation 

30
Android: ขยาย / ยุบแอนิเมชัน
สมมติว่าฉันมี linearLayout แนวตั้งด้วย: [v1] [v2] โดยค่าเริ่มต้น v1 มีให้เห็น = GONE ฉันต้องการแสดง v1 ด้วยแอนิเมชั่นที่ขยายและกด v2 พร้อมกัน ฉันลองทำสิ่งนี้: Animation a = new Animation() { int initialHeight; @Override protected void applyTransformation(float interpolatedTime, Transformation t) { final int newHeight = (int)(initialHeight * interpolatedTime); v.getLayoutParams().height = newHeight; v.requestLayout(); } @Override public void initialize(int width, int …
449 android  animation 

15
การเปลี่ยนสีพื้นหลังของภาพเคลื่อนไหวบน Android
คุณเคลื่อนไหวการเปลี่ยนสีพื้นหลังของมุมมองบน Android ได้อย่างไร ตัวอย่างเช่น: ฉันมีมุมมองที่มีสีพื้นหลังสีแดง สีพื้นหลังของมุมมองเปลี่ยนเป็นสีน้ำเงิน ฉันจะเปลี่ยนระหว่างสีได้อย่างราบรื่นได้อย่างไร หากไม่สามารถทำได้ด้วยมุมมองทางเลือกจะยินดีต้อนรับ

8
จะมีการเปลี่ยน CSS หลายรายการในองค์ประกอบได้อย่างไร
เป็นคำถามที่ค่อนข้างตรงไปตรงมา แต่ฉันไม่สามารถหาเอกสารที่ดีเกี่ยวกับคุณสมบัติการเปลี่ยน CSS ได้ นี่คือตัวอย่าง CSS: .nav a { text-transform:uppercase; text-decoration:none; color:#d3d3d3; line-height:1.5 em; font-size:.8em; display:block; text-align:center; text-shadow: 0 -1.5em 0 rgba(255, 255, 255, 0.15); -webkit-transition: color .2s linear; -moz-transition: color .2s linear; -o-transition: color .2s linear; transition: color .2s linear; -webkit-transition: text-shadow .2s linear; -moz-transition: text-shadow .2s linear; -o-transition: …

16
แสดงและซ่อนมุมมองพร้อมภาพเคลื่อนไหวสไลด์ขึ้น / ลง
ฉันมีสิ่งLinearLayoutที่ฉันต้องการแสดงหรือซ่อนด้วยสิ่งAnimationที่ผลักเลย์เอาต์ขึ้นหรือลงทุกครั้งที่ฉันเปลี่ยนการมองเห็น ฉันเห็นตัวอย่างเล็ก ๆ น้อย ๆ ที่นั่น แต่ไม่มีตัวอย่างใดที่ตรงกับความต้องการของฉัน ผมได้สร้างสองไฟล์ XML สำหรับภาพเคลื่อนไหว LinearLayoutแต่ผมไม่ทราบว่าจะเริ่มต้นพวกเขาเมื่อฉันเปลี่ยนการแสดงผลที่

27
ภาพเคลื่อนไหวการหมุน 360 องศาของ UIView Infinite?
ฉันพยายามหมุนUIImageViewมุมมอง 360 องศาและดูบทช่วยสอนออนไลน์หลายทาง ฉันไม่สามารถทำงานได้เลยโดยไม่UIViewหยุดหรือกระโดดไปที่ตำแหน่งใหม่ ฉันจะบรรลุสิ่งนี้ได้อย่างไร สิ่งล่าสุดที่ฉันได้ลองคือ: [UIView animateWithDuration:1.0 delay:0.0 options:0 animations:^{ imageToMove.transform = CGAffineTransformMakeRotation(M_PI); } completion:^(BOOL finished){ NSLog(@"Done!"); }]; แต่ถ้าฉันใช้ 2 * pi มันก็ไม่ขยับเลย (เพราะมันอยู่ในตำแหน่งเดียวกัน) ถ้าฉันพยายามทำเพียงไพ (180 องศา) มันใช้งานได้ แต่ถ้าฉันเรียกวิธีนี้อีกครั้งมันหมุนไปข้างหลัง แก้ไข : [UIView animateWithDuration:1.0 delay:0.0 options:0 animations:^{ [UIView setAnimationRepeatCount:HUGE_VALF]; [UIView setAnimationBeginsFromCurrentState:YES]; imageToMove.transform = CGAffineTransformMakeRotation(M_PI); } completion:^(BOOL finished){ NSLog(@"Done!"); }]; ไม่ทำงานเช่นกัน …

30
คุณสร้างองค์ประกอบ“ แฟลช” ใน jQuery ได้อย่างไร
ฉันใหม่เอี่ยมสำหรับ jQuery และมีประสบการณ์ในการใช้ Prototype ในต้นแบบมีวิธีการ "แฟลช" องค์ประกอบ - คือ ไฮไลต์สั้น ๆ เป็นสีอื่นและให้มันกลับมาเป็นปกติเพื่อให้ดวงตาของผู้ใช้ถูกดึงดูดเข้าหา มีวิธีการดังกล่าวใน jQuery หรือไม่? ฉันเห็น fadeIn, fadeOut และเคลื่อนไหว แต่ฉันไม่เห็นอะไรอย่าง "แฟลช" บางทีหนึ่งในสามเหล่านี้สามารถใช้กับอินพุตที่เหมาะสม?

7
วิธีหยุดเคลื่อนไหว (ยกเลิก () ไม่ทำงาน)
ฉันต้องการหยุดแอนิเมชั่นแปลที่กำลังรันอยู่ .cancel()วิธีการAnimationไม่มีผล; อนิเมชั่นดำเนินต่อไปจนจบ คุณจะยกเลิกภาพเคลื่อนไหวที่ทำงานอยู่ได้อย่างไร
245 android  animation 

7
CSS3 หมุนภาพเคลื่อนไหว
<img class="image" src="" alt="" width="120" height="120"> ไม่สามารถทำให้ภาพเคลื่อนไหวนี้ทำงานได้ควรหมุน 360 องศา ฉันเดาว่ามีบางอย่างผิดปกติกับ CSS ด้านล่างเนื่องจากยังคงอยู่ .image { float: left; margin: 0 auto; position: absolute; top: 50%; left: 50%; width: 120px; height: 120px; margin-top: -60px; margin-left: -60px; -webkit-animation-name: spin; -webkit-animation-duration: 4000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration: 4000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: …
244 image  css  animation  rotation 

25
วิธีการเปลี่ยนภาพเคลื่อนไหว Push และ Pop ในแอพที่ใช้การนำทาง
ฉันมีแอพพลิเคชั่นที่ใช้การนำทางและฉันต้องการเปลี่ยนภาพเคลื่อนไหวของภาพเคลื่อนไหวแบบพุชและป๊อป ฉันจะทำอย่างไร แก้ไข 2018 มีคำตอบมากมายสำหรับคำถามนี้และขณะนี้ค่อนข้างนานแล้วฉันได้เลือกคำตอบอีกครั้งสำหรับสิ่งที่ฉันเชื่อว่าเกี่ยวข้องที่สุด หากมีใครที่คิดเป็นอย่างอื่นโปรดแจ้งให้เราทราบในความคิดเห็น

16
วิธีการหมุนภาพที่ราบรื่นใน Android?
ฉันใช้RotateAnimationเพื่อหมุนภาพที่ฉันใช้เป็นสปินเนอร์แบบหมุนวนตามกำหนดเองใน Android นี่คือrotate_indefinitely.xmlไฟล์ของฉันซึ่งฉันวางไว้ในres/anim/: <?xml version="1.0" encoding="UTF-8"?> <rotate xmlns:android="http://schemas.android.com/apk/res/android" android:fromDegrees="0" android:toDegrees="360" android:pivotX="50%" android:pivotY="50%" android:repeatCount="infinite" android:duration="1200" /> เมื่อฉันใช้สิ่งนี้กับการImageViewใช้งานของฉันAndroidUtils.loadAnimation()มันใช้งานได้ดี! spinner.startAnimation( AnimationUtils.loadAnimation(activity, R.anim.rotate_indefinitely) ); ปัญหาหนึ่งก็คือการหมุนภาพจะหยุดชั่วคราวที่ด้านบนของทุกรอบ กล่าวอีกนัยหนึ่งภาพจะหมุนได้ 360 องศาหยุดชั่วครู่จากนั้นหมุนภาพ 360 องศาอีกครั้งเป็นต้น ฉันสงสัยว่าปัญหาคือภาพเคลื่อนไหวใช้ตัวแก้ไขสัญญาณเริ่มต้นเช่นandroid:iterpolator="@android:anim/accelerate_interpolator"( AccelerateInterpolator) แต่ฉันไม่รู้ว่าจะบอกได้อย่างไรว่าไม่ต้องสอดแทรกภาพเคลื่อนไหว ฉันจะปิดการแก้ไขได้อย่างไร (หากเป็นปัญหาจริง) เพื่อให้วงจรการเคลื่อนไหวของฉันราบรื่น
217 android  animation  view 

21
จะใช้ฟังก์ชั่น slideDown (หรือแสดง) บนแถวของตารางได้อย่างไร?
ฉันกำลังพยายามเพิ่มแถวลงในตารางและมีการเลื่อนแถวนั้นไปยังมุมมอง แต่ฟังก์ชั่นสไลด์ที่ดูเหมือนว่าจะเพิ่มการแสดงผล: สไตล์บล็อกไปยังแถวตารางที่เลอะเค้าโครง ความคิดใดที่จะหลีกเลี่ยงปัญหานี้? นี่คือรหัส: $.get('/some_url', { 'val1': id }, function (data) { var row = $('#detailed_edit_row'); row.hide(); row.html(data); row.slideDown(1000); } );

14
วิธีการเพิ่มหรือลบแถวรายการ Android สำหรับดูภาพเคลื่อนไหว
ใน iOS มีสิ่งอำนวยความสะดวกที่ง่ายและมีประสิทธิภาพในการเคลื่อนไหวเพิ่มและลบแถว UITableView นี่คือคลิปจากวิดีโอ youtube ที่แสดงภาพเคลื่อนไหวเริ่มต้น สังเกตว่าแถวที่ล้อมรอบยุบลงในแถวที่ถูกลบอย่างไร แอนิเมชันนี้ช่วยให้ผู้ใช้ติดตามสิ่งที่เปลี่ยนแปลงในรายการและตำแหน่งที่อยู่ในรายการที่พวกเขาดูเมื่อข้อมูลมีการเปลี่ยนแปลง ตั้งแต่ผมได้รับการพัฒนาบน Android ฉันได้พบว่าไม่มีสิ่งอำนวยความสะดวกเทียบเท่ากับการเคลื่อนไหวแต่ละแถวในtableView การเรียกใช้ตัวปรับnotifyDataSetChanged()ต่อของฉันทำให้ ListView อัปเดตเนื้อหาด้วยข้อมูลใหม่ทันที ฉันต้องการแสดงภาพเคลื่อนไหวอย่างง่ายของแถวใหม่ที่ผลักเข้าหรือเลื่อนออกเมื่อข้อมูลมีการเปลี่ยนแปลง แต่ฉันไม่สามารถหาวิธีการทำเอกสารได้ ดูเหมือนว่าLayoutAnimationControllerอาจเก็บกุญแจไว้เพื่อให้มันใช้งานได้ แต่เมื่อฉันตั้งค่า LayoutAnimationController ใน ListView ของฉัน (คล้ายกับLayoutAnimation ApiDemo ของ 2 ) และลบองค์ประกอบออกจากอะแดปเตอร์ของฉันหลังจากที่รายการแสดงองค์ประกอบหายไปทันที . ฉันได้ลองทำสิ่งต่อไปนี้เพื่อสร้างรายการแต่ละรายการเมื่อมันถูกลบ: @Override protected void onListItemClick(ListView l, View v, final int position, long id) { Animation animation = new ScaleAnimation(1, 1, …

7
วิธีการรันภาพเคลื่อนไหว jQuery สองภาพพร้อมกันได้อย่างไร
เป็นไปได้หรือไม่ที่จะรันอนิเมชั่นสองตัวบนองค์ประกอบที่แตกต่างกันสองอย่างพร้อมกัน? ฉันต้องตรงข้ามของคำถามนี้Jquery ภาพเคลื่อนไหวการเข้าคิว ฉันต้องทำอะไรเช่นนี้ ... $('#first').animate({ width: 200 }, 200); $('#second').animate({ width: 600 }, 200); แต่ในการรันทั้งสองในเวลาเดียวกัน สิ่งเดียวที่ฉันคิดว่าน่าจะใช้setTimeoutเพียงครั้งเดียวสำหรับแต่ละอนิเมชั่น แต่ฉันไม่คิดว่ามันเป็นทางออกที่ดีที่สุด

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.