home

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

วิธีสร้างเค้าโครงแท็บในแอพ Android

ตัวอย่างนี้สาธิตวิธีการสร้าง Tab Layout ในแอพ Android

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

ขั้นตอนที่ 2 – เพิ่มการพึ่งพาต่อไปนี้เพื่อสร้างเค้าโครงแท็บ -

การใช้งาน 'com.android.support:design:28.0.0'

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

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

<ก่อนหน้า>นำเข้า android.support.v7.app.AppCompatActivity;นำเข้า android.os.Bundle;นำเข้า android.support.design.widget.TabLayout;นำเข้า android.support.v4.view.ViewPager; MainActivity คลาสสาธารณะขยาย AppCompatActivity { TabLayout แท็บเลย์เอาต์; ViewPager viewPager; @Override ป้องกันโมฆะ onCreate (Bundle saveInstanceState) { super.onCreate (savedInstanceState); setContentView(R.layout.activity_main); tabLayout =findViewById(R.id.tabLayout); viewPager =findViewById (R.id.viewPager); tabLayout.addTab(tabLayout.newTab().setText("ฟุตบอล")); tabLayout.addTab(tabLayout.newTab().setText("คริกเก็ต")); tabLayout.addTab(tabLayout.newTab().setText("NBA")); tabLayout.setTabGravity(TabLayout.GRAVITY_FILL); อะแด็ปเตอร์ MyAdapter สุดท้าย =MyAdapter ใหม่ (this,getSupportFragmentManager(), tabLayout.getTabCount()); viewPager.setAdapter (อะแดปเตอร์); viewPager.addOnPageChangeListener(ใหม่ TabLayout.TabLayoutOnPageChangeListener(tabLayout)); tabLayout.addOnTabSelectedListener ( TabLayout.OnTabSelectedListener ใหม่ () { @Override สาธารณะโมฆะ onTabSelected (แท็บ TabLayout.Tab) { viewPager.setCurrentItem (tab.getPosition ()); } @ แทนที่โมฆะสาธารณะบนแท็บ) ไม่ได้เลือก (แท็บแท็บ @ Layout) โมฆะสาธารณะ onTabReselected (แท็บ TabLayout.Tab) { } }); }}

ขั้นตอนที่ 5 – สร้างคลาส Java (MyAdapter.java) และเพิ่มรหัสต่อไปนี้ -

นำเข้า android.content.Context;import android.support.v4.app.Fragment;import android.support.v4.app.FragmentPagerAdapter;import android.support.v4.app.FragmentManager;คลาส MyAdapter ขยาย FragmentPagerAdapter { บริบทบริบท; รวมแท็บทั้งหมด; MyAdapter สาธารณะ (บริบท c, FragmentManager fm, TotalTabs int) { super (fm); บริบท =c; this.totalTabs =TotalTabs; } @แทนที่ส่วนย่อยสาธารณะ getItem (ตำแหน่ง int) { สวิตช์ (ตำแหน่ง) { กรณีที่ 0:Football footballFragment =new Football (); กลับฟุตบอลFragment; กรณีที่ 1:Cricket cricketFragment =คริกเก็ตใหม่ (); ส่งคืน cricketFragment; กรณีที่ 2:NBA nbaFragment =NBA ใหม่ (); ส่งคืน nbaFragment; ค่าเริ่มต้น:คืนค่า null; } } @Override int สาธารณะ getCount () { ส่งคืน TotalTabs; }}

ขั้นตอนที่ 6 – ตอนนี้สร้างชิ้นส่วนและเค้าโครง (คลิกขวาที่โครงการ>> ใหม่>> ส่วนย่อย>> ว่าง -

ก) FootBall.java 

นำเข้า android.os.Bundle;นำเข้า android.support.v4.app.Fragment;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;คลาสสาธารณะ ฟุตบอลขยาย Fragment { ฟุตบอลสาธารณะ () {// ต้องใช้ตัวสร้างสาธารณะที่ว่างเปล่า} @แทนที่มุมมองสาธารณะ onCreateView (LayoutInflater inflater, คอนเทนเนอร์ ViewGroup, Bundle saveInstanceState) { ส่งคืน inflater.inflate (R.layout.fragment_football, คอนเทนเนอร์, เท็จ); }}

fragment_football.xml

b) Cricket.java

<ก่อนหน้า>นำเข้า android.os.Bundle;นำเข้า android.support.v4.app.Fragment;นำเข้า android.view.LayoutInflater;นำเข้า android.view.View;นำเข้า android.view.ViewGroup;คริกเก็ตคลาสสาธารณะขยาย Fragment { คริกเก็ตสาธารณะ () {// ต้องใช้ตัวสร้างสาธารณะที่ว่างเปล่า} @แทนที่มุมมองสาธารณะ onCreateView (LayoutInflater inflater, คอนเทนเนอร์ ViewGroup, Bundle saveInstanceState) { ส่งคืน inflater.inflate (R.layout.fragment_cricket, คอนเทนเนอร์, เท็จ); }}

fragment_cricket.xml

ค) NBA.java 

นำเข้า android.os.Bundle;นำเข้า android.support.v4.app.Fragment;นำเข้า android.view.LayoutInflater;นำเข้า android.view.View;นำเข้า android.view.ViewGroup;คลาส NBA สาธารณะขยาย Fragment { NBA สาธารณะ () {// ต้องใช้ตัวสร้างสาธารณะที่ว่างเปล่า} @แทนที่มุมมองสาธารณะ onCreateView (LayoutInflater inflater, คอนเทนเนอร์ ViewGroup, Bundle saveInstanceState) { ส่งคืน inflater.inflate (R.layout.fragment_nb, คอนเทนเนอร์, เท็จ); }}

fragment_nba.xml

ขั้นตอนที่ 7 - เพิ่มรหัสต่อไปนี้ใน androidManifest.xml

     <หมวดหมู่ android:name=" android.intent.category.LAUNCHER" />

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

วิธีสร้างเค้าโครงแท็บในแอพ Android

วิธีสร้างเค้าโครงแท็บในแอพ Android

วิธีสร้างเค้าโครงแท็บในแอพ Android