Мне нужно интегрировать функциональность типа слайд-бокса (используемую/увиденную в приложении с ионной каркасной платформой) в собственном приложении для Android, для которого, я думаю, мне нужно использовать ViewPager со страничным индикатором. Я пробовал слайдер dimajia, но я не думаю, что у меня есть контроль над его функциями автоматического слайда. Мне нужно, чтобы пользователь скользил случайным образом и подсказывал, что слайд продвигается вперед по указателю страницы ниже. Мне нужно интегрировать его в моем заставке один раз, прежде чем войти в систему. Спасибо заранее.
Используйте слайд-бокс (как в ионном каркасе) в Android Native App с ViewPager
Ответ 1
Попробуйте этот код:
activity_introduction.xml:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.yourpackage.IntroductionActivity">
<com.yourpackage.CustomViewPager
android:id="@+id/photos_viewpager"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_above="@+id/bottom_relative" />
<RelativeLayout
android:id="@+id/bottom_relative"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:padding="@dimen/std_padding">
<android.support.design.widget.TabLayout
android:id="@+id/tab_layout"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
app:tabBackground="@drawable/tab_selector"
app:tabGravity="center"
app:tabIndicatorHeight="0dp" />
<Button
android:id="@+id/next_button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentEnd="true"
android:text="@string/next" />
</RelativeLayout>
</RelativeLayout>
IntroductionActivity.java
public class IntroductionActivity extends AppCompatActivity {
private CustomViewPager viewPager;
private Button nextButton;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_introduction);
//Initializing the tablayout
TabLayout tabLayout = (TabLayout) findViewById(R.id.tab_layout);
//Adding the tabs using addTab() method
tabLayout.addTab(tabLayout.newTab());
tabLayout.addTab(tabLayout.newTab());
tabLayout.addTab(tabLayout.newTab());
//Initializing viewPager
viewPager = (CustomViewPager) findViewById(R.id.photos_viewpager);
viewPager.setPagingEnabled(false);
//Creating our pager adapter
IntroductionPagerAdapter introductionPagerAdapter = new IntroductionPagerAdapter(getSupportFragmentManager(), tabLayout.getTabCount());
viewPager.setAdapter(introductionPagerAdapter);
tabLayout.setupWithViewPager(viewPager, true);
LinearLayout tabStrip = ((LinearLayout) tabLayout.getChildAt(0));
for (int i = 0; i < tabStrip.getChildCount(); i++) {
tabStrip.getChildAt(i).setOnTouchListener(new View.OnTouchListener() {
@Override
public boolean onTouch(View v, MotionEvent event) {
return true;
}
});
}
nextButton = (Button) findViewById(R.id.next_button);
final SharedPreferences sharedPreferences = getSharedPreferences("SHARED_PREFERENCES_PATH", Context.MODE_PRIVATE);
nextButton.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
if (viewPager.getCurrentItem() == 0) {
viewPager.setCurrentItem(1);
nextButton.setText(getResources().getString(R.string.i_agree));
} else if (viewPager.getCurrentItem() == 1) {
viewPager.setCurrentItem(2);
nextButton.setText(getResources().getString(R.string.skip));
} else if (viewPager.getCurrentItem() == 2) {
SharedPreferences.Editor editor = sharedPreferences.edit();
editor.putInt("KEY_INTRODUCTION_SKIPPED", 1);
editor.apply();
Intent intent = new Intent(IntroductionActivity.this, MainActivity.class);
startActivity(intent);
finish();
}
}
});
}
@Override
public void onBackPressed() {
if (viewPager.getCurrentItem() == 0) {
finishAffinity();
} else if (viewPager.getCurrentItem() == 1) {
viewPager.setCurrentItem(0);
nextButton.setText(getResources().getString(R.string.next));
} else if (viewPager.getCurrentItem() == 2) {
viewPager.setCurrentItem(1);
nextButton.setText(getResources().getString(R.string.i_agree));
}
}
}
fragment_welcome.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:gravity="center"
android:orientation="vertical">
<ImageView
android:id="@+id/imageView4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:srcCompat="@mipmap/ic_logo_round" />
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:padding="@dimen/fab_margin"
android:text="@string/welcome"
android:textAlignment="center"
android:textAppearance="?android:attr/textAppearanceLarge"
android:textColor="@color/colorWhite"
android:textSize="30sp"
android:textStyle="bold" />
</LinearLayout>
</RelativeLayout>
WelcomeFragment.java
public class WelcomeFragment extends Fragment {
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
return inflater.inflate(R.layout.fragment_welcome, container, false);
}
}
Аналогичным образом создайте еще два фрагмента.
IntroductionPagerAdaper.java
public class IntroductionPagerAdapter extends FragmentStatePagerAdapter {
//private variable
private int tabCount;
//Constructor to the class
public IntroductionPagerAdapter(FragmentManager fm, int tabCount) {
super(fm);
//Initializing tab count
this.tabCount = tabCount;
}
@Override
public Fragment getItem(int position) {
//Returning the current tabs
switch (position) {
case 0:
return new WelcomeFragment();
case 1:
return new DisclaimerFragment();
case 2:
return new RegistrationFragment();
default:
return null;
}
}
@Override
public int getCount() {
return tabCount;
}
}
CustomViewPager.java
public class CustomViewPager extends ViewPager {
private boolean isPagingEnabled = true;
public CustomViewPager(Context context) {
super(context);
}
public CustomViewPager(Context context, AttributeSet attrs) {
super(context, attrs);
}
@Override
public boolean onTouchEvent(MotionEvent event) {
return this.isPagingEnabled && super.onTouchEvent(event);
}
@Override
public boolean onInterceptTouchEvent(MotionEvent event) {
return this.isPagingEnabled && super.onInterceptTouchEvent(event);
}
public void setPagingEnabled(boolean b) {
this.isPagingEnabled = b;
}
}
Примечание. Вы можете использовать ViewPager по умолчанию, если вы не хотите блокировать его прокрутку.
Ответ 2
Используйте ViewPager с помощью FragmentStatePagerAdapter. Затем просто проверьте, какой фрагмент (int index) вы используете, и используйте это, чтобы обновить индикатор страницы.
Чтобы узнать, на каком фрагменте вы добавляете следующее к адаптеру:
private HashMap<Integer, Fragment> _pageReferenceMap = new HashMap<Integer, Fragment>();
в getItem() добавить
@Override
public Fragment getItem(int i) {
...
Fragment fragment = new myFragment();
_pageReferenceMap.put(i, fragment);
return fragment;
}
добавьте это в destroyItem (..)
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
super.destroyItem(container, position, object);
_pageReferenceMap.remove(position);
}
и, наконец, добавить этот метод, чтобы узнать, какой фрагмент в настоящее время находится в поле зрения
public myFragment getFragment(int key) {
return (myFragment)_pageReferenceMap.get(key);
}
Для вызова этого метода все, что вам нужно сделать, это
int index = mViewpager.getCurrentItem();
myFragment fragment = profileAdapter.getFragment(index);