1) Per prima cosa estraiamo la cartella "library" folder dallo zip e salviamola nella cartella dei documenti (o dove vogliamo):

2) Ora trasciniamo questa cartella (library) all'interno dei documenti, Io l'ho rinominata "library_1" per evitare conflitti:

3) Importiamo le librerie NineOlds nel workspace:
Vai a FILE > NEW > OTHER > ANDROID > ANDROID PROJECT FROM EXISTING CODE
4) Clicca next button e cliccare su browse directory per selezionare la libreria:
(1) Cliccare BROWSE...
(2) selezionare la cartella "LIBRARY", andare in Libraries > My Documents > Library_1, e cliccare OK.
5) Adesso diamo un nome al nostro progetto (per esempio "Library_1 o "NineOld") e spunta "Copy project into workspace"
Segui il primo post per capire come "importare librerie": [url=https://www.androidiani.com/forum/programmazione-e-hint-avanzati/342063-tutorial-implementare-facilmente-viewpagerindicator-una-applicazione-di-android.html#post4546970[/url]
ESEMPIO:
Copiare la classe allegata ZoomOutPageTransformer.java nella cartella src/com.example.viewpagertest/ o crea una classe chiamata ZoomOutPageTransformer:
codice:
package com.example.viewpagertest;
import android.support.v4.view.ViewPager.PageTransformer;
import android.view.View;
import com.nineoldandroids.view.ViewHelper;
public class ZoomOutPageTransformer implements PageTransformer {
private static float MIN_SCALE = 0.85f;
private static float MIN_ALPHA = 0.5f;
public void transformPage(View view, float position) {
int pageWidth = view.getWidth();
int pageHeight = view.getHeight();
if (position < -1) { // [-Infinity,-1)
// This page is way off-screen to the left.
ViewHelper.setAlpha(view, 0);
} else if (position <= 1) { // [-1,1]
// Modify the default slide transition to shrink the page as well
float scaleFactor = Math.max(MIN_SCALE, 1 - Math.abs(position));
float vertMargin = pageHeight * (1 - scaleFactor) / 2;
float horzMargin = pageWidth * (1 - scaleFactor) / 2;
if (position < 0) {
ViewHelper.setTranslationX(view, horzMargin - vertMargin / 2);
} else {
ViewHelper.setTranslationX(view, -horzMargin + vertMargin / 2);
}
// Scale the page down (between MIN_SCALE and 1)
ViewHelper.setScaleX(view, scaleFactor);
ViewHelper.setScaleY(view, scaleFactor);
// Fade the page relative to its size.
ViewHelper.setAlpha(view, MIN_ALPHA +
(scaleFactor - MIN_SCALE) /
(1 - MIN_SCALE) * (1 - MIN_ALPHA));
} else { // (1,+Infinity]
// This page is way off-screen to the right.
ViewHelper.setAlpha(view, 0);
}
}
}
Se hai cancellato la cartella "libs" del tuo progetto,vai sulla cartella workspace/ViewPagerTest/ e creane una nuova chiamata "libs" e schiaffaci dentro il file android-support-v4.jar (che si trova in sdk/extras/android/support/v4), copia lo stesso file (android-support-v4.jar) nella cartella workspace/ViewPagerIndicator/libs.
Ora vai sulle opzioni di library_1 e spunta il corretto target e spunta "Is library":

Carica la libreria dentro il tuo progetto (sai come fare).
THE CODE
blue = Aggiungere
red = Cancellare
Adesso faro' un .xml chiamato "colors" nella cartella res/values:
codice:
<?xml version="1.0" encoding="UTF-8"?>
<resources>
<color name="red">#F75D59</color>
<color name="blue">#0000FF</color>
<color name="orange">#dc5a1e</color>
</resources>
e aggiungi il seguente codice per il layout1:
codice:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:background="@color/red">
</LinearLayout>
per il layout2:
codice:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:background="@color/blue" >
</LinearLayout>
per il layout3:
codice:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:background="@color/orange">
</LinearLayout>
Apri la MainActivity.java:
codice:
package com.example.viewpagertest;
import com.viewpagerindicator.PageIndicator;
import com.viewpagerindicator.TitlePageIndicator;
import android.os.Bundle;
import android.support.v4.app.FragmentActivity;
import android.support.v4.view.ViewPager;
import android.view.Menu;
import com.example.viewpagertest.R;
public class MainActivity extends FragmentActivity {
FragmentAdapter mAdapter;
ViewPager mPager;
PageIndicator mIndicator;
int Number = 0;
@override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mAdapter = new FragmentAdapter(getSupportFragmentManager());
mPager = (ViewPager)findViewById(R.id.pager);
mPager.setAdapter(mAdapter);
mIndicator = (TitlePageIndicator)findViewById(R.id.indicator);
mIndicator.setViewPager(mPager);
}
@override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.main, menu);
return true;
}
}
e aggiungi la linea evidenziata in blu:
codice:
package com.example.viewpagertest;
import com.viewpagerindicator.PageIndicator;
import com.viewpagerindicator.TitlePageIndicator;
import android.os.Bundle;
import android.support.v4.app.FragmentActivity;
import android.support.v4.view.ViewPager;
import android.view.Menu;
import com.example.viewpagertest.R;
public class MainActivity extends FragmentActivity {
FragmentAdapter mAdapter;
ViewPager mPager;
PageIndicator mIndicator;
int Number = 0;
@override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mAdapter = new FragmentAdapter(getSupportFragmentManager());
mPager = (ViewPager)findViewById(R.id.pager);
mPager.setAdapter(mAdapter);
mIndicator = (TitlePageIndicator)findViewById(R.id.indicator);
mIndicator.setViewPager(mPager);
mPager.setPageTransformer(true, new ZoomOutPageTransformer ());
}
@override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.main, menu);
return true;
}
}
Se vuoi provare altre animazioni, linko il sito di riferimento: Using ViewPager for Screen Slides | Android Developers
o usa altre librerie come transitionviewpager e JazzyViewPager