在线直播源码,开发app实现滑动切换界面
在线直播源码,开发app实现滑动切换界面
step1:首先新建一个的.java文件,为主activity,本设计中以Main.java为例,代码如下:
public class Main extends AppCompatActivity implements View.OnClickListener{
private TextView title,item_favourite,item_query,item_mine;
private ViewPager vp;
private Favourite favourite;//调用推荐界面
private Query query;//调用查询界面
private Mine mine;//调用我界面
private List<Fragment> mFragmentList=new ArrayList<Fragment>();
private FragmentAdapter mFragmentAdapter;
String[] titles= new String[]{"推荐","查询","我"};//设置标题内容,本设计有三个界面,分别是推荐、查询、我
@Override
protected void onCreate(Bundle savedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
initViews();
mFragmentAdapter=new FragmentAdapter(this.getSupportFragmentManager(), mFragmentList) ;
vp.setOffscreenPageLimit(3);//有几个界面就写几个
vp.setAdapter(mFragmentAdapter);
vp.setCurrentItem(0);
item_favourite.setTextColor(Color.parseColor("#66CDAA"));//设置标题颜色
vp.setOnPageChangeListener(new ViewPager.OnPageChangeListener(){
@Override
public void onPageScrolled(int position,float positionOffset,int positionOffsetPixels){
}
@Override
public void onPageSelected(int position){
title.setText(titles[position]);
changeTextColor(position);
}
@Override
public void onPageScrollStateChanged(int state){
}
});
}
private void initViews() {
title = (TextView) findViewById(R.id.title);//标题文本
item_favourite=(TextView)findViewById(R.id.item_favourite);//推荐 文本
item_query = (TextView) findViewById(R.id.item_query);//查询 文本
item_mine = (TextView) findViewById(R.id.item_mine);//我 文本
item_favourite.setOnClickListener(this);
item_query.setOnClickListener(this);
item_mine.setOnClickListener(this);
vp = (ViewPager) findViewById(R.id.mainViewPager);
favourite = new Favourite();
query= new Query();
mine=new Mine();
//给FragmentList添加数据
mFragmentList.add(favourite);
mFragmentList.add(query);
mFragmentList.add(mine);
}
//点击底部Text动态修改ViewPager内容
@Override
public void onClick(View v){
switch (v.getId()){
case R.id.item_favourite:
vp.setCurrentItem(0,true);
break;
case R.id.item_query:
vp.setCurrentItem(1,true);
break;
case R.id.item_mine:
vp.setCurrentItem(2,true);
break;
}
}
public class FragmentAdapter extends FragmentPagerAdapter{
List<Fragment> fragmentList=new ArrayList<Fragment>();
public FragmentAdapter(FragmentManager fm, List<Fragment> fragmentList){
super(fm);
this.fragmentList=fragmentList;
}
@Override
public Fragment getItem(int position){
return fragmentList.get(position);
}
@Override
public int getCount(){
return fragmentList.size();
}
}
//修改底部导航颜色
private void changeTextColor(int position){
if (position==0){
item_favourite.setTextColor(Color.parseColor("#66CDAB"));
item_query.setTextColor(Color.parseColor("#ff000000"));
item_mine.setTextColor(Color.parseColor("#ff000000"));
}else if (position==1){
item_favourite.setTextColor(Color.parseColor("#ff000000"));
item_query.setTextColor(Color.parseColor("#66CDAB"));
item_mine.setTextColor(Color.parseColor("#ff000000"));
}
else if (position==2){
item_favourite.setTextColor(Color.parseColor("#ff000000"));
item_query.setTextColor(Color.parseColor("#ff000000"));
item_mine.setTextColor(Color.parseColor("#66CDAB"));
}
}
}
step2:接下来新建一个main.xml,用于在Main.java中显示
代码如下:
<?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">
<!--顶部导航设置-->
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="50dp"
android:background="@android:color/holo_green_dark">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="推荐"
android:id="@+id/title"
android:layout_centerInParent="true"
android:textColor="@android:color/white"
android:textSize="20sp"/>
</RelativeLayout>
<android.support.v4.view.ViewPager
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:id="@+id/mainViewPager"/>
<!--底部导航栏设置-->
<LinearLayout
android:layout_width="match_parent"
android:layout_height="40dp"
android:layout_marginTop="1dp"
android:background="@android:color/white"
android:baselineAligned="false"
android:gravity="center_horizontal"
android:orientation="horizontal"
android:paddingBottom="5dp"
android:paddingTop="5dp">
<TextView
android:layout_width="0dp"
android:layout_height="match_parent"
android:id="@+id/item_favourite"
android:layout_weight="1"
android:layout_gravity="center_horizontal"
android:text="推荐"
android:textColor="@android:color/black"
android:textSize="18dp" />
<TextView
android:layout_width="0dp"
android:layout_height="match_parent"
android:id="@+id/item_query"
android:layout_gravity="center_horizontal"
android:text="查询"
android:layout_weight="1"
android:textColor="@android:color/black"
android:textSize="18dp" />
<TextView
android:layout_width="0dp"
android:layout_height="match_parent"
android:id="@+id/item_mine"
android:layout_gravity="center_horizontal"
android:text="我"
android:textColor="@android:color/black"
android:layout_weight="1"
android:textSize="18dp" />
</LinearLayout>
</LinearLayout>
以上就是 在线直播源码,开发app实现滑动切换界面,更多内容欢迎关注之后的文章