home

หน้าแรก
 Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> Android

วิธีการใช้ Android ViewPager?

ก่อนเข้าสู่ตัวอย่างเราควรรู้ว่า view pager ใน Android คืออะไร ดูเพจเจอร์ที่พบใน Support Library ใน Android โดยใช้การดูเพจเจอร์ เราสามารถเปลี่ยนแฟรกเมนต์ได้

ตัวอย่างนี้สาธิตวิธีการใช้ android view pager

ขั้นตอนที่ 1 − สร้างโครงการใหม่ใน Android Studio ไปที่ไฟล์ ⇒ โครงการใหม่และกรอกรายละเอียดที่จำเป็นทั้งหมดเพื่อสร้างโครงการใหม่

ขั้นตอนที่ 2 − เพิ่มรหัสต่อไปนี้ใน build.gradle

<ก่อนหน้า>ใช้ปลั๊กอิน:'com.android.application'android { compileSdkVersion 28 defaultConfig { applicationId "com.example.andy.myapplication" minSdkVersion 19 targetSdkVersion 28 versionCode 1 versionName "1.0" testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner " } buildTypes { รีลีส { minifyEnabled false proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro' } } การพึ่งพา { การนำไปใช้ fileTree (dir:'libs' รวมถึง:['*.jar'] ) การใช้งาน 'com.android.support:appcompat-v7:28.0.0' การใช้งาน 'com.android.support:design:28.0.0' การใช้งาน 'com.android.support.constraint:constraint-layout:1.1.3' การทดสอบการใช้งาน 'junit:junit:4.12' androidTestImplementation 'com.android.support.test:runner:1.0.2' androidTestImplementation 'com.android.support.test.espresso:espresso-core:3.0.2'}

ขั้นตอนที่ 3 − เพิ่มรหัสต่อไปนี้ใน res/layout/activity_main.xml

ขั้นตอนที่ 4 − เพิ่มรหัสต่อไปนี้ใน src/MainActivity.java

แพ็คเกจ com.example.andy.myapplication;นำเข้า android.annotation.TargetApi;นำเข้า android.os.Build;นำเข้า android.os.Bundle;นำเข้า android.support.design.widget.TabLayout;นำเข้า android.support.v4 .app.Fragment;นำเข้า android.support.v4.app.FragmentManager;นำเข้า android.support.v4.app.FragmentPagerAdapter;นำเข้า android.support.v4.view.ViewPager;นำเข้า android.support.v7.app.AppCompatActivity;นำเข้า android.support.v7.widget.Toolbar;import java.util.ArrayList;import java.util.List;คลาสสาธารณะ MainActivity ขยาย AppCompatActivity { ViewPager viewPager ส่วนตัว; แถบเครื่องมือแถบเครื่องมือส่วนตัว ส่วนตัว TabLayout tabLayout; @TargetApi (Build.VERSION_CODES.O) @Override ป้องกัน void onCreate (Bundle saveInstanceState) { super.onCreate (savedInstanceState); setContentView(R.layout.activity_main); แถบเครื่องมือ =(แถบเครื่องมือ) findViewById(R.id.toolbar); setSupportActionBar (แถบเครื่องมือ); getSupportActionBar().setDisplayHomeAsUpEnabled(จริง); tabLayout =findViewById(R.id.tabs); viewPager =findViewById (R.id.viewpager); อะแดปเตอร์ ViewPagerAdapter =ViewPagerAdapter ใหม่ (getSupportFragmentManager ()); adapter.addFragment (OneFragment ใหม่ (), "ONE"); adapter.addFragment (ใหม่ TwoFragment (), "TWO"); viewPager.setAdapter (อะแดปเตอร์); tabLayout.setupWithViewPager(viewPager); } คลาส ViewPagerAdapter ขยาย FragmentPagerAdapter { รายการสุดท้ายส่วนตัว mList =new ArrayList<>(); รายการสุดท้ายส่วนตัว  mTitleList =new ArrayList<>(); ViewPagerAdapter สาธารณะ (FragmentManager supportFragmentManager) { super (supportFragmentManager); } @แทนที่ส่วนย่อยสาธารณะ getItem (int i) { ส่งคืน mList.get (i); } @Override สาธารณะ int getCount () { ส่งคืน mList.size (); } โมฆะสาธารณะ addFragment (ส่วนย่อย, ชื่อสตริง) { mList.add (ส่วน); mTitleList.add(หัวเรื่อง); } @แทนที่ CharSequence สาธารณะ getPageTitle (ตำแหน่ง int) { ส่งคืน mTitleList.get (ตำแหน่ง); } }}

ขั้นตอนที่ 5 − เพิ่มรหัสต่อไปนี้ใน src/OneFragment.java

แพ็คเกจ com.example.andy.myapplication;นำเข้า android.os.Bundle;นำเข้า android.support.v4.app.Fragment;นำเข้า android.view.LayoutInflater;นำเข้า android.view.View;นำเข้า android.view.ViewGroup นำเข้า android.widget.TextView คลาสสาธารณะ OneFragment ขยาย Fragment { @Override public View onCreateView (LayoutInflater inflater, คอนเทนเนอร์ ViewGroup, Bundle saveInstanceState) { ดู v =inflater.inflate (R.layout.fragment_one, คอนเทนเนอร์, เท็จ); TextView textView=v.findViewById(R.id.text); textView.setText("ส่วนแรก"); กลับ v; }}

ขั้นตอนที่ 6 − เพิ่มรหัสต่อไปนี้ใน src/TwoFragment.java

แพ็คเกจ com.example.andy.myapplication;นำเข้า android.os.Bundle;นำเข้า android.support.v4.app.Fragment;นำเข้า android.view.LayoutInflater;นำเข้า android.view.View;นำเข้า android.view.ViewGroup นำเข้า android.widget.TextView คลาสสาธารณะ TwoFragment ขยาย Fragment { @Override public View onCreateView (LayoutInflater inflater, คอนเทนเนอร์ ViewGroup, Bundle saveInstanceState) { ดู v =inflater.inflate (R.layout.fragment_one, คอนเทนเนอร์, เท็จ); TextView textView=v.findViewById(R.id.text); textView.setText("ส่วนที่สอง"); กลับ v; }}

ขั้นตอนที่ 7 − เพิ่มรหัสต่อไปนี้ใน res/layout/fragment_one.xml

ขั้นตอนที่ 8 − เพิ่มรหัสต่อไปนี้ใน styles.xml.

มาลองเรียกใช้แอปพลิเคชันของคุณกัน ฉันคิดว่าคุณได้เชื่อมต่ออุปกรณ์มือถือ Android จริงกับคอมพิวเตอร์ของคุณ ในการรันแอพจาก android studio ให้เปิดไฟล์กิจกรรมของโปรเจ็กต์แล้วคลิกไอคอน Run จากแถบเครื่องมือ เลือกอุปกรณ์มือถือของคุณเป็นตัวเลือก แล้วตรวจสอบอุปกรณ์มือถือของคุณซึ่งจะแสดงหน้าจอเริ่มต้นของคุณ -

วิธีการใช้ Android ViewPager?


วิธีการใช้ Android ViewPager?