-
ViewPager設(shè)置動(dòng)畫(huà)
查看全部 -
動(dòng)畫(huà)的實(shí)現(xiàn)方法查看全部
-
viewPager 切換動(dòng)畫(huà)查看全部
-
3.0以上只需要一行代碼查看全部
-
自定義ViewPager實(shí)現(xiàn)動(dòng)畫(huà)切換效果（主要是Translation和Scale） 實(shí)現(xiàn)切換時(shí)的動(dòng)畫(huà)需要哪些準(zhǔn)備： 1. 首先需要拿到當(dāng)前切換的兩個(gè)View --> 通過(guò)Map存儲(chǔ)與獲取 2. 設(shè)置一個(gè)動(dòng)畫(huà)的梯度值。-->通過(guò)offset，OffsetPixels 有三種方式實(shí)現(xiàn)ViewPager頁(yè)面切換動(dòng)畫(huà)： 1. 通過(guò)API提供的源碼（只支持Android3.0以上版本）,調(diào)用setPageTransformer(true,new XxxTransformer())； 2. 自定義ViewPager； 3. 用開(kāi)源項(xiàng)目JazzyViewPager實(shí)現(xiàn)ViewPager切換動(dòng)畫(huà)。查看全部
-
如圖，是自定義的方法 animStack()，實(shí)現(xiàn)動(dòng)畫(huà)效果: public void animStack(View left, View right, float offset, int offsetPixels){ if (right!=null){ // 從0頁(yè)到1頁(yè)，offset：從0到1 mScale = (1-MIN_SACLE) * offset + MIN_SACLE; // 因?yàn)閛ffset一開(kāi)始是0，所以mScale一開(kāi)始是等于MIN_SACLE，然后逐漸增加到1。 mTrans = -getWidth()-getPageMargin() + offsetPixels; // getPageMargin()是邊距。offsetPixels會(huì)從0變到屏幕的寬度，mTrans從負(fù)的屏寬變?yōu)?。 //mTrans = -(1- offset ) * left.getWidth(); // 設(shè)置動(dòng)畫(huà) ViewHelper.setScaleX(right,mScale); ViewHelper.setScaleY(right,mScale); ViewHelper.setTranslationX(right,mTrans); } if (left!=null){ left.bringToFront(); // 保證左邊的頁(yè)面始終在最上面。 } }查看全部
-
自定義ViewPager實(shí)現(xiàn)動(dòng)畫(huà)切換效果 新建一個(gè)類(lèi)ViewPagerWithTransformerAnim，繼承ViewPager，繼承它的兩個(gè)構(gòu)造方法。 其余代碼： 成員變量： private View mLeft; private View mRight; private float mTrans; private float mScale; private static final float MIN_SACLE = 0.6f; private Map<Integer,View> mChildren = new HashMap<Integer, View>(); // 添加View public void setViewForPosition(View view,int position){ mChildren.put(position,view); } // 移除View public void removeViewFromPosition(int position){ // Integer position mChildren.remove(position); } 重寫(xiě)onPageScrolled()： protected void onPageScrolled(int position, float offset, int offsetPixels) { super.onPageScrolled(position, offset, offsetPixels); /** *在這里打印日志，觀察position和offset在ViewPager滑動(dòng)的時(shí)候產(chǎn)生的變化，我們發(fā)現(xiàn)： *0～1: position == 0 ， offset = 0～1 *1～0: position == 0 ， offset = 1～0 */ //直接使用position或者getCurrentItem()和getChildItem()都有可能出錯(cuò)。通過(guò)Map存儲(chǔ)與獲取會(huì)比較穩(wěn)定。 mLeft = mChildren.get(position); mRight = mChildren.get(position+1); animStack(mLeft,mRight,offset,offsetPixels); }查看全部
-
谷歌提供的ViewPager切換動(dòng)畫(huà)為何只支持Android3.0以上版本？因?yàn)閯?dòng)畫(huà)使用了屬性動(dòng)畫(huà)。 屬性動(dòng)畫(huà)僅支持Android3.0以上版本，如果要向下兼容，可以通過(guò) NineOldAndroids 進(jìn)行實(shí)現(xiàn)。 A頁(yè)切換到B頁(yè)： A頁(yè)的position由0.0漸變到-1.0； B頁(yè)的position由1.0漸變到0.0。 1、ViewPager.setPageTransformer實(shí)現(xiàn)切換動(dòng)畫(huà)； 2、修改ViewPager內(nèi)部代碼 + 使用NineOldAndroids代替屬性動(dòng)畫(huà)實(shí)現(xiàn)向下兼容； 3、觀察API的規(guī)律，自定義我們的切換動(dòng)畫(huà)。 4、自定義ViewPager實(shí)現(xiàn)動(dòng)畫(huà)切換效果查看全部
-
自定義RotateDownPageTransformer 實(shí)現(xiàn) ViewPager.PageTransformer接口， 添加成員變量： private static final float MAX_ROTATE = 20f; private float mRot; 并重寫(xiě)transformPage()： Log.i("TAG","view="+view+",position="+position); int pageWidth = view.getWidth(); if (position < -1) { ViewHelper.setRotation(view,0); // 不做旋轉(zhuǎn) } /** * A頁(yè)切換到B頁(yè)：A頁(yè)的position由0.0漸變到-1.0；B頁(yè)的position由1.0漸變到0.0 */ else if (position <= 0) { // [-1,0] 此為A頁(yè) // 0 ～ -20 的變化 mRot = position * MAX_ROTATE; // 設(shè)置旋轉(zhuǎn)中心為底線(xiàn)中點(diǎn) ViewHelper.setPivotX(view,pageWidth/2); ViewHelper.setPivotY(view,view.getMeasuredHeight()); // 設(shè)置動(dòng)畫(huà)效果 ViewHelper.setRotation(view,mRot); } else if (position <= 1) { // (0,1] 此為B頁(yè) // 20 ～ 0 的變化 mRot = position * MAX_ROTATE; // 設(shè)置旋轉(zhuǎn)中心為底線(xiàn)中點(diǎn) ViewHelper.setPivotX(view,pageWidth/2); ViewHelper.setPivotY(view,view.getMeasuredHeight()); // 設(shè)置動(dòng)畫(huà)效果 ViewHelper.setRotation(view,mRot); } else { // (1,+Infinity] ViewHelper.setRotation(view,0); }查看全部
-
重寫(xiě)onCreate()方法： requestWindowFeature(Window.FEATURE_NO_TITLE); // 無(wú)標(biāo)題的Activity setContentView(R.layout.activity_main); mViewPager = (ViewPager)findViewById(R.id.id_viewpager); // 為ViewPager的切換添加動(dòng)畫(huà)效果 mViewPager.setPageTransformer(true,new DepthPageTransformer()); mViewPager.setAdapter(new PagerAdapter() { public Object instantiateItem(ViewGroup container, int position) {// 初始化 ImageView imageView = new ImageView(MainActivity.this); imageView.setImageResource(mImgIds[position]); imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);// 確保圖片不變形 mImagesList.add(imageView); container.addView(imageView); return imageView; } public void destroyItem(ViewGroup container, int position, Object object) { container.removeView(mImagesList.get(position)); } public int getCount() {// 一共有多少頁(yè) return mImgIds.length; } @Override public boolean isViewFromObject(View view, Object object) { return view == object; } });查看全部
-
在activity_main.xml中添加 ViewPager控件： <android.support.v4.view.ViewPager android:id="@+id/id_viewpager" android:layout_width="match_parent" android:layout_height="match_parent"></android> 從網(wǎng)上下載頁(yè)面切換動(dòng)畫(huà)的源碼，例如 DepthPageTransformer 和ZoomOutPageTransformer。 在MainActivity中定義成員變量： private ViewPager mViewPager; private int[] mImgIds = new int[]{R.mipmap.guide_image1,R.mipmap.guide_image2,R.mipmap.guide_image3}; private List<ImageView> mImagesList = new ArrayList<ImageView>(); ---------- Android Studio遇到的問(wèn)題：無(wú)法將主題設(shè)置為無(wú)標(biāo)題，原因是因?yàn)镸ainActivity默認(rèn)繼承的是AppCompatActivity，我們需要把 AppCompatActivity 改成 Activity 并導(dǎo)入相應(yīng)的包。 ----------- 以下摘自評(píng)論： 關(guān)于ViewPager滑動(dòng)時(shí)卡頓的優(yōu)化：在destoryItem()方法中每次銷(xiāo)毀一個(gè)View，滑動(dòng)時(shí)又在instantiateItem()創(chuàng)建一個(gè)View，重復(fù)創(chuàng)建使得程序運(yùn)行緩慢。解決辦法是在instantiateItem()方法創(chuàng)建新的View對(duì)象時(shí)先進(jìn)行判斷，if(imageViewList.size() <= position || imageViewList.get(position) == null)時(shí)創(chuàng)建ImageView實(shí)例并添加到ImageViewList中。最后記得為調(diào)用 container.addView()方法加載并返回View。 推薦網(wǎng)站：http://blog.csdn.net/lmj623565791/article/details/40411921查看全部
-
//取消標(biāo)題欄 supportRequestWindowFeature(Window.FEATURE_NO_TITLE); // //取消狀態(tài)欄 getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN);查看全部
-
ViewPager實(shí)現(xiàn)動(dòng)畫(huà)查看全部
-
ViewPager動(dòng)畫(huà)效果查看全部
-
開(kāi)源項(xiàng)目 d_vjazzyviewpager 實(shí)現(xiàn)ViewPager切換動(dòng)畫(huà)查看全部
-
怎么顯示了三頁(yè)？查看全部
-
onPageScrolled() offfset查看全部
-
setPageTransformer()可以實(shí)現(xiàn)切換動(dòng)畫(huà)查看全部
-
如果需要在viewpager最后一頁(yè)設(shè)計(jì)一個(gè)圖片加按鈕的頁(yè)面，可以定義一個(gè)布局文件, 1.用View myview = view.inflate(Mianactivity.this,R.layout.XXX,null);獲取View，//注意:不能用findviewbyid 2.List<View> mviews = new ArrayList<View>(); 3.mviews.add(myview); 4.在instantiateItem函數(shù)中，container.addview(mviews.get(position));這樣就能在viewpager中顯示出來(lái)了。 5.關(guān)于最后一頁(yè)的按鈕的監(jiān)聽(tīng)器實(shí)現(xiàn)，我的經(jīng)歷是在按鈕沒(méi)有在界面上顯示的時(shí)候，實(shí)例化Button會(huì)出錯(cuò)，而且必須要在instantiateItem方法中實(shí)例化，我的解決方法是（假設(shè)我最后一個(gè)頁(yè)面是第三個(gè)頁(yè)面）：if（position>2）{ bt = (Button)findviewbyid(R.id.mbt); bt.setOnclickListener....}，如果在前兩個(gè)頁(yè)面中把按鈕實(shí)例化的話(huà)就會(huì)程序報(bào)錯(cuò)。查看全部
-
屬性動(dòng)畫(huà)查看全部
舉報(bào)
0/150
提交
取消