在线直播源码,开发app实现滑动切换界面

在线直播源码,开发app实现滑动切换界面

step1:首先新建一个的.java文件,为主activity,本设计中以Main.java为例,代码如下:

 

1
<br>public class Main extends AppCompatActivity implements View.OnClickListener{<br>    private TextView title,item_favourite,item_query,item_mine;<br>    private ViewPager vp;<br>    private Favourite favourite;//调用推荐界面<br>    private Query query;//调用查询界面<br>    private Mine mine;//调用我界面<br>    private List<Fragment> mFragmentList=new ArrayList<Fragment>();<br>    private FragmentAdapter mFragmentAdapter;<br>    String[] titles= new String[]{"推荐","查询","我"};//设置标题内容,本设计有三个界面,分别是推荐、查询、我<br>    @Override<br>    protected void onCreate(Bundle savedInstanceState){<br>        super.onCreate(savedInstanceState);<br>        setContentView(R.layout.main);<br>        initViews();<br>        mFragmentAdapter=new FragmentAdapter(this.getSupportFragmentManager(), mFragmentList) ;<br>        vp.setOffscreenPageLimit(3);//有几个界面就写几个<br>        vp.setAdapter(mFragmentAdapter);<br>        vp.setCurrentItem(0);<br>        item_favourite.setTextColor(Color.parseColor("#66CDAA"));//设置标题颜色<br>        vp.setOnPageChangeListener(new ViewPager.OnPageChangeListener(){<br>            @Override<br>            public void onPageScrolled(int position,float positionOffset,int positionOffsetPixels){<br>            }<br>            @Override<br>            public void onPageSelected(int position){<br>                title.setText(titles[position]);<br>                changeTextColor(position);<br>            }<br>            @Override<br>            public void onPageScrollStateChanged(int state){<br>            }<br>        });<br>    }<br>    private void initViews() {<br>        title = (TextView) findViewById(R.id.title);//标题文本<br>        item_favourite=(TextView)findViewById(R.id.item_favourite);//推荐 文本<br>        item_query = (TextView) findViewById(R.id.item_query);//查询 文本<br>        item_mine = (TextView) findViewById(R.id.item_mine);//我 文本<br>        item_favourite.setOnClickListener(this);<br>        item_query.setOnClickListener(this);<br>        item_mine.setOnClickListener(this);<br>        vp = (ViewPager) findViewById(R.id.mainViewPager);<br>        favourite = new Favourite();<br>        query= new Query();<br>        mine=new Mine();<br>        //给FragmentList添加数据<br>        mFragmentList.add(favourite);<br>        mFragmentList.add(query);<br>        mFragmentList.add(mine);<br>    }<br>    //点击底部Text动态修改ViewPager内容<br>    @Override<br>    public void onClick(View v){<br>        switch (v.getId()){<br>            case R.id.item_favourite:<br>                vp.setCurrentItem(0,true);<br>                break;<br>            case R.id.item_query:<br>                vp.setCurrentItem(1,true);<br>                break;<br>            case R.id.item_mine:<br>                vp.setCurrentItem(2,true);<br>                break;<br>        }<br>    }<br>    public class FragmentAdapter extends FragmentPagerAdapter{<br>        List<Fragment> fragmentList=new ArrayList<Fragment>();<br>        public FragmentAdapter(FragmentManager fm, List<Fragment> fragmentList){<br>            super(fm);<br>            this.fragmentList=fragmentList;<br>        }<br>        @Override<br>        public Fragment getItem(int position){<br>            return fragmentList.get(position);<br>        }<br>        @Override<br>        public int getCount(){<br>            return fragmentList.size();<br>        }<br>    }<br>    //修改底部导航颜色<br>    private void changeTextColor(int position){<br>        if (position==0){<br>            item_favourite.setTextColor(Color.parseColor("#66CDAB"));<br>            item_query.setTextColor(Color.parseColor("#ff000000"));<br>            item_mine.setTextColor(Color.parseColor("#ff000000"));<br>        }else if (position==1){<br>            item_favourite.setTextColor(Color.parseColor("#ff000000"));<br>            item_query.setTextColor(Color.parseColor("#66CDAB"));<br>            item_mine.setTextColor(Color.parseColor("#ff000000"));<br>        }<br>        else if (position==2){<br>            item_favourite.setTextColor(Color.parseColor("#ff000000"));<br>            item_query.setTextColor(Color.parseColor("#ff000000"));<br>            item_mine.setTextColor(Color.parseColor("#66CDAB"));<br>        }<br>    }<br>}<br> 

step2:接下来新建一个main.xml,用于在Main.java中显示

代码如下:

 

1
<br><?xml version="1.0" encoding="utf-8"?><br><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"<br>    android:layout_width="match_parent"<br>    android:layout_height="match_parent"<br>    android:orientation="vertical"><br><!--顶部导航设置--><br>    <RelativeLayout<br>        android:layout_width="match_parent"<br>        android:layout_height="50dp"<br>        android:background="@android:color/holo_green_dark"><br>        <TextView<br>            android:layout_width="wrap_content"<br>            android:layout_height="wrap_content"<br>            android:text="推荐"<br>            android:id="@+id/title"<br>            android:layout_centerInParent="true"<br>            android:textColor="@android:color/white"<br>            android:textSize="20sp"/><br>    </RelativeLayout><br>    <android.support.v4.view.ViewPager<br>        android:layout_width="match_parent"<br>        android:layout_height="0dp"<br>        android:layout_weight="1"<br>        android:id="@+id/mainViewPager"/><br><!--底部导航栏设置--><br>    <LinearLayout<br>        android:layout_width="match_parent"<br>        android:layout_height="40dp"<br>        android:layout_marginTop="1dp"<br>        android:background="@android:color/white"<br>        android:baselineAligned="false"<br>        android:gravity="center_horizontal"<br>        android:orientation="horizontal"<br>        android:paddingBottom="5dp"<br>        android:paddingTop="5dp"><br>        <TextView<br>            android:layout_width="0dp"<br>            android:layout_height="match_parent"<br>            android:id="@+id/item_favourite"<br>            android:layout_weight="1"<br>            android:layout_gravity="center_horizontal"<br>            android:text="推荐"<br>            android:textColor="@android:color/black"<br>            android:textSize="18dp" /><br>        <TextView<br>            android:layout_width="0dp"<br>            android:layout_height="match_parent"<br>            android:id="@+id/item_query"<br>            android:layout_gravity="center_horizontal"<br>            android:text="查询"<br>            android:layout_weight="1"<br>            android:textColor="@android:color/black"<br>            android:textSize="18dp" /><br>        <TextView<br>            android:layout_width="0dp"<br>            android:layout_height="match_parent"<br>            android:id="@+id/item_mine"<br>            android:layout_gravity="center_horizontal"<br>            android:text="我"<br>            android:textColor="@android:color/black"<br>            android:layout_weight="1"<br>            android:textSize="18dp" /><br>    </LinearLayout><br></LinearLayout> 

 

以上就是 在线直播源码,开发app实现滑动切换界面,更多内容欢迎关注之后的文章

 

posted @   云豹科技-苏凌霄  阅读(33)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
历史上的今天:
2022-08-22 直播电商平台开发,底部弹窗,密码输入框,底部列表选择等
2022-08-22 直播小程序源码,CSS实现移动端横向滚动导航条
2022-08-22 直播平台怎么搭建,uniapp 字体图标设置渐变色
点击右上角即可分享
微信分享提示