使用FragmentActivity做成类新闻APP样式

最新推荐文章于 2022-09-28 11:46:29 发布
最新推荐文章于 2022-09-28 11:46:29 发布
阅读量468 收藏 2
点赞数
分类专栏： Android 文章标签： 新闻 app class 布局
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u014605700/article/details/51887076
版权

使用FragmentActivity做成下面4个tab，每一个tab上面对应4个不同的fragment，这样做法可塑性比较高，比之前用的tabhost用的要好很多，下面先上效果图：
这是效果图

以上是效果图，下面4个tab可以点击，分别对应4个不同的fragment

接下来就是写代码了，直接上代码，代码里面有详细的注释

1，首先我们要写布局文件，下面4个tab的布局

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/floralwhite"
    android:orientation="vertical" >

     <FrameLayout
        android:id="@+id/fragment_home"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_above="@+id/linearLayout1" >
    </FrameLayout>

    <LinearLayout
        android:id="@+id/linearLayout1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"

        android:layout_alignParentBottom="true"
        android:orientation="vertical" >



        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="60dp"
            android:gravity="center_vertical"
            android:orientation="horizontal" 
            android:background="#ffffff">

            <LinearLayout
                android:id="@+id/lin_home"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:gravity="center_vertical|center_horizontal"
                android:orientation="vertical" >

                <ImageView
                    android:id="@+id/home"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="3dp"
                    android:src="@drawable/home_hover2x" />

                <TextView
                    android:id="@+id/text_home"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="首页"
                    android:textSize="14sp"
                    android:textColor="#276fdc" />
            </LinearLayout>

            <LinearLayout
                 android:id="@+id/lin_huodong"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:gravity="center_vertical|center_horizontal"
                android:orientation="vertical" >

                <ImageView
                    android:id="@+id/huodong"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="3dp"
                    android:src="@drawable/activity2x" />

                <TextView
                    android:id="@+id/text_huodong"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="活动"
                    android:textSize="14sp" />
            </LinearLayout>

            <LinearLayout
                android:id="@+id/lin_qiye"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:gravity="center_vertical|center_horizontal"
                android:orientation="vertical" >

                <ImageView
                    android:id="@+id/qiye"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="3dp"
                    android:src="@drawable/cblog2x" />

                <TextView
                    android:id="@+id/text_qiye"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="企业通"
                    android:textSize="14sp" />
            </LinearLayout>

            <LinearLayout
                android:id="@+id/lin_shanghe"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:gravity="center_vertical|center_horizontal"
                android:orientation="vertical" >

                <ImageView
                    android:id="@+id/shanghe"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="3dp"
                    android:src="@drawable/chambe2x" />

                <TextView
                    android:id="@+id/text_shanghe"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="商会通"
                    android:textSize="14sp" />
            </LinearLayout>


        </LinearLayout>
    </LinearLayout>


</RelativeLayout>

接下来我们要写一个类继承FragmentActivity，实现我们想要的效果，废话不多说，直接上代码

import android.content.Context;
import android.os.Bundle;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentTransaction;
import android.view.View;
import android.view.Window;
import android.view.View.OnClickListener;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;

public class MyMainActivity extends FragmentActivity  implements OnClickListener{

   private Context mContext;
   private FragmentManager fragmentManager;
   private ImageView home;
   private TextView text_home;
   private ImageView huodong;
   private TextView text_huodong;
   private ImageView qiye;
   private TextView text_qiye;
   private ImageView shanghe;
   private TextView text_shanghe;
   private HomeFragment homeFragment;
   private ActivityFragment activityFragment;
   private EnterpriseFragment enterpriseFragment;
   private BusinessFragment businessFragment;

@Override
   protected void onCreate(Bundle arg0) {
    // TODO Auto-generated method stub
    super.onCreate(arg0);
    requestWindowFeature(Window.FEATURE_NO_TITLE);
    setContentView(R.layout.main_home);
    mContext = this;
    fragmentManager = getSupportFragmentManager();
    //初始化一堆findViewById
    init();
    //初始化默认在第一个fragment位置
    SetSectionTab(0);


   }

    private void init() {
        LinearLayout lin_home = (LinearLayout) findViewById(R.id.lin_home);
        home = (ImageView) findViewById(R.id.home);
        text_home = (TextView) findViewById(R.id.text_home);
        LinearLayout lin_huodong = (LinearLayout) findViewById(R.id.lin_huodong);
        huodong = (ImageView) findViewById(R.id.huodong);
        text_huodong = (TextView) findViewById(R.id.text_huodong);
        LinearLayout lin_qiye = (LinearLayout) findViewById(R.id.lin_qiye);
        qiye = (ImageView) findViewById(R.id.qiye);
        text_qiye = (TextView) findViewById(R.id.text_qiye);
        LinearLayout lin_shanghe = (LinearLayout) findViewById(R.id.lin_shanghe);
        shanghe = (ImageView) findViewById(R.id.shanghe);
        text_shanghe = (TextView) findViewById(R.id.text_shanghe);
        lin_home.setOnClickListener(this);
        lin_huodong.setOnClickListener(this);
        lin_qiye.setOnClickListener(this);
        lin_shanghe.setOnClickListener(this);

    }
    //把底部的图片和文字颜色全部变成灰色，初始状态
    private void SetClearColoc() {
        home.setImageResource(R.drawable.home2x);
        huodong.setImageResource(R.drawable.activity2x);
        qiye.setImageResource(R.drawable.cblog2x);
        shanghe.setImageResource(R.drawable.chambe2x);
        text_home.setTextColor(getResources().getColor(R.color.dihui));
        text_huodong.setTextColor(getResources().getColor(R.color.dihui));
        text_qiye.setTextColor(getResources().getColor(R.color.dihui));
        text_shanghe.setTextColor(getResources().getColor(R.color.dihui));

    }
    //当点击下面区域的时候要发生的变化，index为bottom的第几个tab
    private void SetSectionTab(int index) {
        //我的思路是首先先把底部的图片和文字颜色全部变成灰色，初始状态
        SetClearColoc();
        //然后通过fragmentManager得到FragmentTransaction
        FragmentTransaction transaction = fragmentManager.beginTransaction();
        //然后把每一个tab对应的fragment也全部都影藏掉，变成最初始的样子
        Settransaction(transaction);
        //最后通过外部传进来的index来判断点击底部tab为哪一个
        switch (index) {
        case 0:
            //当index=0的时候就是要显示首页，首先要把第一个底部tab的图片切换
            home.setImageResource(R.drawable.home_hover2x);
            //把底部第一个tab的文字颜色变成亮色
            text_home.setTextColor(getResources().getColor(R.color.blue));
            //接下来去显示第一个fragment
            if (homeFragment == null) {
                homeFragment = new HomeFragment();
                transaction.add(R.id.fragment_home, homeFragment);
                transaction.commit();
            } else {
                transaction.show(homeFragment);
                transaction.commit();
            }

            break;
        case 1:
            huodong.setImageResource(R.drawable.activity_hover2x);
            text_huodong.setTextColor(getResources().getColor(R.color.blue));
            if (activityFragment == null) {
                activityFragment = new ActivityFragment();
                transaction.add(R.id.fragment_home, activityFragment);
                transaction.commit();
            } else {
                transaction.show(activityFragment);
                transaction.commit();
            }

            break;
        case 2:
            qiye.setImageResource(R.drawable.cblog_hover2x);
            text_qiye.setTextColor(getResources().getColor(R.color.blue));
            if (enterpriseFragment == null) {
                enterpriseFragment = new EnterpriseFragment();
                transaction.add(R.id.fragment_home, enterpriseFragment);
                transaction.commit();
            } else {
                transaction.show(enterpriseFragment);
                transaction.commit();
            }

            break;
        case 3:
            shanghe.setImageResource(R.drawable.chambe_hover2x);
            text_shanghe.setTextColor(getResources().getColor(R.color.blue));
            if (businessFragment == null) {
                businessFragment = new BusinessFragment();
                transaction.add(R.id.fragment_home, businessFragment);
                transaction.commit();
            } else {
                transaction.show(businessFragment);
                transaction.commit();
            }

            break;
        default:
            break;
        }
    }
    //通过FragmentTransaction去隐藏掉所有的fragment，变成初始的样子
    private void Settransaction(FragmentTransaction transaction) {
        if (homeFragment != null) {
            transaction.hide(homeFragment);
        }
        if (activityFragment != null) {
            transaction.hide(activityFragment);
        }
        if (enterpriseFragment != null) {
            transaction.hide(enterpriseFragment);
        }
        if (businessFragment != null) {
            transaction.hide(businessFragment);
        }

    }

    @Override
    public void onClick(View v) {
        // TODO Auto-generated method stub
        switch (v.getId()) {
        case R.id.lin_home:
             SetSectionTab(0);
            break;
        case R.id.lin_huodong:
            SetSectionTab(1);
            break;
        case R.id.lin_qiye:
            SetSectionTab(2);
            break;
        case R.id.lin_shanghe:
            SetSectionTab(3);
            break;

        default:
            break;
        }
    }
}

以上是所有的代码，接下来每一个fragment里面就可以做我们想要做的事情了

注意：这里有一些地方是需要注意的（对于新手来说），由于FragmentActivity是android-v4包里面的类，所以首先我们再ecplise里面新建项目的时候要先检查libs文件夹下是否有android-support-v4.jar这个文件，然后将这个文件add build path，这样以后编译时没有问题的，但是运行的时候会报错，系统提示找不到MyMainActivity这个类，那是因为在项目的属性里面的java build path里面没有把android-support-v4.jar前面的勾勾上，勾上以后就可以运行啦！

yd19877
关注
专栏目录
Android开发ViewPager和Fragment结合使用实现新闻类app基本框架（一）
滴水穿石，贵于坚持！
10-02 3661
ViewPager和Fragment的结合使用时日常app里经常能碰见的一种用法。
Fragment碎片应用--新闻APP
冬眠FF的博客
11-18 436
有了Fragment后主要是操作Fragment，activity里面没有太多的操作。小屏幕的设备会使用2个xml文件 1.activity_main.xml<LinearLayout xmlns:tools="http://schemas.android.com/tools" xmlns:android="http://schemas.android.com/apk/re
AppCompactActivitry,FragmentActivity,Activity区别及主题样式设置
热门推荐
robotchange的博客
06-11 1万+
AppCompactActivitry,FragmentActivity,Activity区别及主题样式设置
Android之Fragment应用——一个简易版的新闻应用
qq_39438055的博客
02-03 6709
内容 1、准备工作 2、新建一个新闻的实体类News 3、新建布局文件news_content_frag.xml，作为新闻内容的布局 4、NewsContentFragment类，继承自Fragment 5、新建NewsContentActivity活动，将布局名指定为 news_content.xml 6、创建一个实现新闻列表的布局news_title_frag.xml 7、新建news_item.xml，作为RecyclerView子项的布局 8、新建展示新闻列表的碎片NewsTitl
ios模仿新闻类app的tab样式
04-19
ios模仿新闻类app的tab样式
用fragment做成的对话框
07-10
在给定的标题“用fragment做成的对话框”中，开发者利用Fragment创建了一个自定义的对话框视图，这通常是出于对系统默认Dialog样式的不满意或需要更灵活的定制需求。 传统的Android Dialog是系统提供的弹出式窗口，...
Android 不使用 Fragment 实现底部导航栏
s.M.i.L.e
01-10 1708
目前网上主流的文章都是用底部的 RadioGroup + 页面部分的 Fragment 实现导航栏切换页面效果的。 然而底部的 RadioGroup 是如此麻烦，每个按钮的图片和文字部分都要做一个 selector 用于表示选中和非选中两种状态时的样式。 另外 Fragment 也有很多坑，先不管大家是否已熟练掌握，反正我是看着看着就学不下去了，所以我另辟蹊径用 Activity 的方式实现了...
android fragment dialogfragment,Android中使用DialogFragment编写对话框的实例教程
weixin_29531177的博客
05-29 793
Android提供alert、prompt、pick-list，单选、多选，progress、time-picker和date-picker对话框，并提供自定义的dialog。在Android 3.0后，dialog基于fragment，并对之前版本提供兼容支持库，也就是说对于开发者而言，dialog是基于DialogFragment的，但此时需要在应用中加入相关的兼容库。和Windows或者网页...
Android四大组件完全解析（一）---Activity
fanfan
03-30 9232
本文参考\android\android\frameworks\base\core\java\android\app\Activity.java文件中的类注释，以及android/frameworks/base/docs/html/guide/components/activities.jd文件One Activity简介：Activity是一个单独的、可以和用户交互的东西。几乎所有的activit
Activity使用详解
Z_DingHao的博客
04-23 1846
四大组件概论 如果把四大组件比作MP4中的电影播放系统，那么要保证这个系统有基础功能则： Activity是显示到屏幕上的电影画面—-能看到，还能交互（必须，即使没有播放电影也需要基础界面，交互有快进、音量操作等）。 Service是影音文件读取器—-看不到，但是没有他看不了电影（非必须，但对看电影这一操作来说是必须的）。 BroadcastReceiver是通知服务—-看不到，如果电量不足立刻发
[Android Exercise]Fragment新闻客户端例子拆解PART.3—带你记忆Fragment的使用
tahliaL
09-15 358
上一篇把左侧碎片的RecyclerView的部分完成啦，这一部分就是使用限定符兼容手机平板的重头戏啦。 ********************************************************* 继续来看图示：
实训三、用Fragment实现点击页面的切换
mlown的博客
11-01 1475
进行实训操作 前台代码 （1） 创建fragment1，插入图片1 创建fragment2，插入图片2 创建fragment3，插入图片3 创建fragment4，插入图片4 （2）主函数XML <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas..
Fragment 实现简易新闻界面（适配手机与Pad）
weixin_38478780的博客
10-08 1801
一、前言 Android 在 Android 3.0（API 级别 11）中引入了 Fragment，主要目的是为大屏幕（如平板电脑）上更加动态和灵活的界面设计提供支持。由于平板电脑的屏幕尺寸远胜于手机屏幕尺寸，因而有更多空间可供组合和交换界面组件。 例如，新闻应用可以使用一个片段在左侧显示文章列表，使用另一个片段在右侧显示文章，两个片段并排显示在一个 Activity 中，每个片段都拥有自己的一套生命周期回调方法，并各自处理自己的用户输入事件。因此，用户无需使用一个 Activity 来选择文章，然后使用
『Android Studio』用Fragment实现一个简易新闻浏览界面
ECHK1NG的博客
09-28 3973
Fragment意思为碎片、片段。 在Android中有些Activity在手机上看起来很美观，但放在屏幕更大的平板类的设备上，可能就不一样了，而Fragment能在一个Activity中内嵌多个独立的小Activity，有效的解决了app在大屏设备上的显示问题。
Android例子—Fragment实例讲解—新闻(购物)类App列表Fragment的简单实现
此博客已停用，博文会逐渐转移到新地址，http://blog.csdn.net/liupeifeng3514
04-01 5672
本节引言： 相信大家对点击列表，然后进入详情这种App并不陌生吧，在购物类App和新闻类App中最为常见： 下面我们简单来讲一下流程逻辑！ 1.逻辑流程讲解： 刚好公司测试妹子的测试机上装了楚楚街9块9的APP，呵呵，直接就照这个来研究吧： 嘿嘿，市面上很多APP都是这种样子的，而这个可以用我们学到的Fragment来实现： 可能gif动画看不清，笔者用
ViewPager和Fragment结合使用实现新闻类app框架（二）
滴水穿石，贵于坚持！
10-03 1600
ViewPager和Fragment结合使用实现新闻类app框架（二） 注：本文是在上一篇博客的基础上继续完善之前的ViewPager和Fragment结合使用实现新闻类app框架（一） 首先来看一下今天实现的效果： package zhangtao.wind.viewpager; import android.app.Activity; i
Android开发（1） | Fragment 的应用——新闻应用
Jormungand_V的博客
02-21 7164
文章目录 news_item.xml： <TextView xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/news_title" android:layout_width="match_parent" android:layout_height="wrap_content" android:lines="1" android:ellipsize="
HarmonyOS 4新闻类APP源代码完整下载
在此背景下，该文件信息提供了一款基于HarmonyOS 4开发的新闻类应用程序（APP）的源代码资源，供开发者下载使用。 ### HarmonyOS 4的关键特性 - **分布式架构**：HarmonyOS 4的分布式能力让不同设备之间能够无缝...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值