直播視訊網站原始碼,使用ViewPager實現基本的翻頁效果
阿新 • • 發佈:2021-07-22
直播視訊網站原始碼,使用ViewPager實現基本的翻頁效果實現的相關程式碼
程式碼實現:
1.佈局程式碼:activity_view_pager.xml
```handlebars <?xml version="1.0" encoding="utf-8"?> <LinearLayout 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=".ViewPagerActivity"> <androidx.viewpager.widget.ViewPager android:id="@+id/view_pager" android:layout_width="match_parent" android:layout_height="match_parent" /> </LinearLayout> ```
1.1.viewpager1.xml
```handlebars<?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:background="#CF1717" android:gravity="center"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="第一個layout" android:textSize="20sp" /> </LinearLayout> ```
另外兩個xml同理
2.MainActivity程式碼如下:
```handlebars public class ViewPagerActivity extends AppCompatActivity { private ViewPager view_pager; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_view_pager); view_pager = findViewById(R.id.view_pager); View inflate1 = LayoutInflater.from(this).inflate(R.layout.viewpager1, null); View inflate2 = LayoutInflater.from(this).inflate(R.layout.viewpager2, null); View inflate3 = LayoutInflater.from(this).inflate(R.layout.viewpager3, null); List<View> viewList = new ArrayList<>(); viewList.add(inflate1); viewList.add(inflate2); viewList.add(inflate3); MyAdapter myAdapter = new MyAdapter(viewList); view_pager.setAdapter(myAdapter); } } ```
2.1.介面卡MyAdapter程式碼如下:
```handlebars public class MyAdapter extends PagerAdapter { private List<View> viewList; public MyAdapter(List<View> viewList) { this.viewList = viewList; } //獲取多少View @Override public int getCount() { return viewList.size(); } @Override public boolean isViewFromObject(@NonNull View view, @NonNull Object object) { return view == object; } @NonNull @Override public Object instantiateItem(@NonNull ViewGroup container, int position) { container.addView(viewList.get(position), 0); return viewList.get(position); } @Override public void destroyItem(@NonNull ViewGroup container, int position, @NonNull Object object) { container.removeView(viewList.get(position)); } } ```
分析:
PagerAdapter主要是viewpager的介面卡,可以實現控制元件的滑動效果。
繼承PagerAdapter至少重寫四個方法。
1getCount():獲得viewpager中有多少個view
2instantiateItem():引數1:將給定位置的view新增到viewpager(容器中)建立並顯示出來 。
返回值:返回一個代表新增頁面的object(key),通常都是直接返回view本身就可以了,當然你也可以自定義自己的key,但是key和每個view要是一一對應的關係。
3isViewFromObject():判斷instantiateItem(ViewGroup,int)函式所返回來的key與一個頁面檢視是否是代表的同一個檢視(即它倆是否是對應的,對應的表示同一個view)通常我們直接寫 return view==object;
4destroyItem():移除一個給定位置的頁面,介面卡有責任從容器中刪除這個檢視,這是為了確保在finishUpdate(viewGroup)返回時檢視能夠被移除。
以上就是直播視訊網站原始碼,使用ViewPager實現基本的翻頁效果實現的相關程式碼, 更多內容歡迎關注之後的文章