devbox
你好赵伟
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

Android Studio 实现网易新闻App （简单方便易懂）_android studio新闻app

作者：你好赵伟 | 2024-06-24 05:18:50

赞

踩

android studio新闻app

一、高质量源码（非开源，白嫖低价勿扰）

关注公众号：《编程乐学》

后台回复：24011001

目录

前言

一、任务介绍

1.1 背景

1.2目的和意义

二、 实现介绍

视频演示

2.1 启动页实现

2.2 注册页面实现

2.3 登陆页面实现

2.4 首页实现

2.5 详情页面实现

三、获取源码

前言

        随着移动互联网的持续发展，人们对于获取最新新闻和资讯的需求日益增长。因此，我们选择网易新闻作为开发项目的主题，旨在提供一款便捷、全面的新闻阅读客户端，以满足用户对于多样化新闻内容的需求。

一、任务介绍

1.1 背景

  1. 移动互联网发展：随着移动互联网的迅速发展，用户对获取及时、全面的新闻资讯的需求不断增加。人们希望能够在移动设备上方便快捷地浏览各类新闻，包括时事报道、娱乐八卦、科技趋势等多样化内容。

  2. 网易新闻平台：网易新闻作为一家知名的综合性新闻客户端，提供了多种新闻资讯，涵盖时政、财经、娱乐、体育等领域。为了满足用户对不同类型新闻的需求，提供了个性化的推荐服务，以及用户互动的评论、分享功能等。

  3. 开发动机：基于移动互联网的发展趋势以及对全面、快捷新闻阅读的需求，我们立足于Android端开发，选择实现网易新闻客户端作为本次项目。通过该项目，旨在提供一款便捷、多功能的新闻客户端应用，为用户提供优质的新闻阅读体验并满足他们的个性化需求。

    

1.2目的和意义

        通过开发网易新闻客户端，旨在为用户提供一种方便、快捷的途径来获取各类新闻资讯。用户可以随时随地通过移动设备浏览新闻内容，无论是在公交车上、办公室里还是家庭中，都能够享受到全面、多样化的新闻服务。

二、 实现介绍

视频演示

Android Studio 实现网易新闻App （简单方便易懂）

2.1 启动页实现

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     xmlns:app="http://schemas.android.com/apk/res-auto"
  4.     xmlns:tools="http://schemas.android.com/tools"
  5.     android:layout_width="match_parent"
  6.     android:layout_height="match_parent"
  7.     android:background="@drawable/start"
  8.     tools:context=".Start.StartActivity">
  9.  
  10. </androidx.constraintlayout.widget.ConstraintLayout>

2.2 注册页面实现

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     xmlns:app="http://schemas.android.com/apk/res-auto"
  4.     xmlns:tools="http://schemas.android.com/tools"
  5.     android:layout_width="match_parent"
  6.     android:layout_height="match_parent"
  7.     android:background="#ebebeb"
  8.     tools:context=".ui.RegisterActivity">
  9.  
  10.     <ImageView
  11.         android:id="@+id/imageView5"
  12.         android:layout_width="0dp"
  13.         android:layout_height="250dp"
  14.         app:layout_constraintEnd_toEndOf="parent"
  15.         app:layout_constraintStart_toStartOf="parent"
  16.         app:layout_constraintTop_toTopOf="parent"
  17.         app:srcCompat="@drawable/logo" />
  18.  
  19.     <View
  20.         android:id="@+id/view2"
  21.         android:layout_width="0dp"
  22.         android:layout_height="140dp"
  23.         android:background="#fff"
  24.         app:layout_constraintEnd_toEndOf="parent"
  25.         app:layout_constraintStart_toStartOf="parent"
  26.         app:layout_constraintTop_toBottomOf="@+id/imageView5" />
  27.  
  28.     <LinearLayout
  29.         android:layout_width="0dp"
  30.         android:layout_height="0dp"
  31.         android:gravity="center|left"
  32.         android:orientation="vertical"
  33.         app:layout_constraintBottom_toBottomOf="@+id/view2"
  34.         app:layout_constraintEnd_toEndOf="@+id/view2"
  35.         app:layout_constraintStart_toStartOf="@+id/view2"
  36.         app:layout_constraintTop_toBottomOf="@+id/imageView5">
  37.  
  38.         <LinearLayout
  39.             android:layout_width="match_parent"
  40.             android:layout_height="wrap_content"
  41.             android:gravity="center|left"
  42.             android:orientation="horizontal">
  43.  
  44.             <ImageView
  45.                 android:id="@+id/imageView4"
  46.                 android:layout_width="20dp"
  47.                 android:layout_height="20dp"
  48.                 android:layout_marginLeft="25dp"
  49.                 app:srcCompat="@drawable/zhanghao" />
  50.  
  51.             <View
  52.                 android:id="@+id/view4"
  53.                 android:layout_width="2dp"
  54.                 android:layout_height="24dp"
  55.                 android:layout_marginLeft="10dp"
  56.                 android:background="#cdcdcd" />
  57.  
  58.             <EditText
  59.                 android:id="@+id/username_edittext"
  60.                 android:layout_width="match_parent"
  61.                 android:layout_height="25dp"
  62.                 android:layout_marginLeft="10dp"
  63.                 android:layout_weight="1"
  64.                 android:background="#fff"
  65.                 android:ems="10"
  66.                 android:textColor="#000"
  67.                 android:textSize="14sp"
  68.                 android:hint="请输入账号"
  69.                 android:inputType="textPersonName" />
  70.         </LinearLayout>
  71.  
  72.         <LinearLayout
  73.             android:layout_width="match_parent"
  74.             android:layout_height="wrap_content"
  75.             android:layout_marginTop="20dp"
  76.             android:orientation="horizontal">
  77.  
  78.             <ImageView
  79.                 android:id="@+id/imageView"
  80.                 android:layout_width="20dp"
  81.                 android:layout_height="20dp"
  82.                 android:layout_marginLeft="25dp"
  83.                 app:srcCompat="@drawable/mima" />
  84.  
  85.             <View
  86.                 android:id="@+id/view3"
  87.                 android:layout_width="2dp"
  88.                 android:layout_height="24dp"
  89.                 android:layout_marginLeft="10dp"
  90.                 android:background="#cdcdcd" />
  91.  
  92.             <EditText
  93.                 android:id="@+id/password_edittext"
  94.                 android:layout_width="match_parent"
  95.                 android:layout_height="25dp"
  96.                 android:layout_marginLeft="10dp"
  97.                 android:layout_weight="1"
  98.                 android:background="#fff"
  99.                 android:ems="10"
  100.                 android:hint="请输入密码"
  101.                 android:inputType="textPassword"
  102.                 android:textColor="#000"
  103.                 android:textSize="14sp" />
  104.  
  105.         </LinearLayout>
  106.  
  107.         <LinearLayout
  108.             android:layout_width="match_parent"
  109.             android:layout_height="wrap_content"
  110.             android:layout_marginTop="20dp"
  111.             android:orientation="horizontal">
  112.  
  113.             <ImageView
  114.                 android:id="@+id/imageView6"
  115.                 android:layout_width="20dp"
  116.                 android:layout_height="20dp"
  117.                 android:layout_marginLeft="25dp"
  118.                 app:srcCompat="@drawable/mima" />
  119.  
  120.             <View
  121.                 android:id="@+id/view7"
  122.                 android:layout_width="2dp"
  123.                 android:layout_height="24dp"
  124.                 android:layout_marginLeft="10dp"
  125.                 android:background="#cdcdcd" />
  126.  
  127.             <EditText
  128.                 android:id="@+id/repassword"
  129.                 android:layout_width="match_parent"
  130.                 android:layout_height="25dp"
  131.                 android:layout_marginLeft="10dp"
  132.                 android:layout_weight="1"
  133.                 android:background="#fff"
  134.                 android:ems="10"
  135.                 android:hint="请再次输入密码"
  136.                 android:inputType="textPassword"
  137.                 android:textColor="#000"
  138.                 android:textSize="14sp" />
  139.         </LinearLayout>
  140.  
  141.     </LinearLayout>
  142.  
  143.     <Button
  144.         android:id="@+id/register_button"
  145.         android:layout_width="0dp"
  146.         android:layout_height="40dp"
  147.         android:layout_marginStart="32dp"
  148.         android:layout_marginTop="32dp"
  149.         android:layout_marginEnd="32dp"
  150.         android:background="@drawable/login"
  151.         android:text="立 即 注 册 "
  152.         android:textColor="#fff"
  153.         android:textSize="16sp"
  154.         app:layout_constraintEnd_toEndOf="parent"
  155.         app:layout_constraintStart_toStartOf="parent"
  156.         app:layout_constraintTop_toBottomOf="@+id/view2" />
  157.  
  158.     <TextView
  159.         android:id="@+id/tv_login"
  160.         android:layout_width="wrap_content"
  161.         android:layout_height="wrap_content"
  162.         android:layout_marginTop="16dp"
  163.         android:text="已有帐号,立即登陆!"
  164.         android:textColor="#5dc2d0"
  165.         android:textStyle="bold"
  166.         app:layout_constraintEnd_toEndOf="@+id/register_button"
  167.         app:layout_constraintStart_toStartOf="@+id/register_button"
  168.         app:layout_constraintTop_toBottomOf="@+id/register_button" />
  169.  
  170. </androidx.constraintlayout.widget.ConstraintLayout>

1. 获取用户名、密码和重复密码的输入内容。

2. 检查用户名和密码是否为空，如果为空则显示一个 Toast 提示用户输入账号或密码，并结束方法的执行。

3. 检查两次输入的密码是否一致，如果一致则执行以下操作：

   a. 调用 mDatabaseHelper 的 insertData 方法将用户名和密码插入数据库。

   b. 如果插入成功，则显示一个注册成功的 Toast 提示，并跳转到登录页面，最后关闭当前页面。

   c. 如果插入失败，则显示一个注册失败的 Toast 提示。

4. 如果两次输入的密码不一致，则显示一个 Toast 提示用户两次密码不同。

  1. package com.example.news.ui;
  2.  
  3. import android.content.Intent;
  4. import android.os.Bundle;
  5. import android.view.View;
  6. import android.widget.Button;
  7. import android.widget.EditText;
  8. import android.widget.TextView;
  9. import android.widget.Toast;
  10.  
  11. import androidx.appcompat.app.AppCompatActivity;
  12.  
  13. import com.example.news.Data.DatabaseHelper;
  14. import com.example.news.R;
  15.  
  16. public class RegisterActivity extends AppCompatActivity {
  17.     private EditText mUserNameEditText;
  18.     private EditText mPasswordEditText,mRePasswordEditText;
  19.     private Button registerButton;
  20.     private TextView loginTv;
  21.  
  22.  
  23.     @Override
  24.     protected void onCreate(Bundle savedInstanceState) {
  25.         super.onCreate(savedInstanceState);
  26.         setContentView(R.layout.activity_register);
  27.  
  28.         // 获取控件
  29.         mUserNameEditText = findViewById(R.id.username_edittext);
  30.         mPasswordEditText = findViewById(R.id.password_edittext);
  31.         mRePasswordEditText = findViewById(R.id.repassword);
  32.         registerButton = findViewById(R.id.register_button);
  33.         loginTv = findViewById(R.id.tv_login);
  34.  
  35.    
  36.  
  37.         // 点击跳转登录页
  38.         loginTv.setOnClickListener(new View.OnClickListener() {
  39.             @Override
  40.             public void onClick(View v) {
  41.                 Intent intent = new Intent(RegisterActivity.this, LoginActivity.class);
  42.                 startActivity(intent);
  43.             }
  44.         });
  45.         // 注册成功后跳转登录页
  46.         registerButton.setOnClickListener(new View.OnClickListener() {
  47.             @Override
  48.             public void onClick(View v) {
  49.                 // 获取用户输入的内容
  50.                 String username = mUserNameEditText.getText().toString().trim();
  51.                 String password = mPasswordEditText.getText().toString().trim();
  52.                 String repassword = mRePasswordEditText.getText().toString().trim();
  53.  
  54.                 if (username.isEmpty() || password.isEmpty()|| repassword.isEmpty()) {
  55.                     Toast.makeText(getApplicationContext(), "请输入账号或密码或重复密码", Toast.LENGTH_SHORT).show();
  56.                     return;
  57.                 }
  58.                 if (!password.equals(repassword)) {
  59.                     Toast.makeText(getApplicationContext(), "两次密码不一致", Toast.LENGTH_SHORT).show();
  60.                     return;
  61.                 }
  62.             
  63.                 if (result) {
  64.                     Toast.makeText(getApplicationContext(), "注册成功", Toast.LENGTH_SHORT).show();
  65.                     Intent intent = new Intent(RegisterActivity.this, LoginActivity.class);
  66.                     startActivity(intent);
  67.                     finish();
  68.                 } else {
  69.                     Toast.makeText(getApplicationContext(), "注册失败", Toast.LENGTH_SHORT).show();
  70.                 }
  71.             }
  72.         });
  73.     }
  74. }

2.3 登陆页面实现

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     xmlns:app="http://schemas.android.com/apk/res-auto"
  4.     xmlns:tools="http://schemas.android.com/tools"
  5.     android:layout_width="match_parent"
  6.     android:layout_height="match_parent"
  7.     android:background="#ebebeb"
  8.     tools:context=".ui.LoginActivity">
  9.  
  10.     <ImageView
  11.         android:id="@+id/imageView3"
  12.         android:layout_width="0dp"
  13.         android:layout_height="250dp"
  14.         app:layout_constraintEnd_toEndOf="parent"
  15.         app:layout_constraintStart_toStartOf="parent"
  16.         app:layout_constraintTop_toTopOf="parent"
  17.         app:srcCompat="@drawable/logo" />
  18.  
  19.     <View
  20.         android:id="@+id/view"
  21.         android:layout_width="0dp"
  22.         android:layout_height="110dp"
  23.         android:background="#FFFFFF"
  24.         app:layout_constraintEnd_toEndOf="parent"
  25.         app:layout_constraintStart_toStartOf="parent"
  26.         app:layout_constraintTop_toBottomOf="@+id/imageView3" />
  27.  
  28.     <LinearLayout
  29.         android:layout_width="0dp"
  30.         android:layout_height="0dp"
  31.         android:gravity="center|left"
  32.         android:orientation="vertical"
  33.         app:layout_constraintBottom_toBottomOf="@+id/view"
  34.         app:layout_constraintEnd_toEndOf="parent"
  35.         app:layout_constraintStart_toStartOf="@+id/view"
  36.         app:layout_constraintTop_toBottomOf="@+id/imageView3">
  37.  
  38.         <LinearLayout
  39.             android:layout_width="match_parent"
  40.             android:layout_height="wrap_content"
  41.             android:gravity="center|left"
  42.             android:orientation="horizontal">
  43.  
  44.             <ImageView
  45.                 android:id="@+id/imageView4"
  46.                 android:layout_width="20dp"
  47.                 android:layout_height="20dp"
  48.                 android:layout_marginLeft="25dp"
  49.                 app:srcCompat="@drawable/zhanghao" />
  50.  
  51.             <View
  52.                 android:id="@+id/view5"
  53.                 android:layout_width="2dp"
  54.                 android:layout_height="24dp"
  55.                 android:layout_marginLeft="10dp"
  56.                 android:background="#cdcdcd" />
  57.  
  58.             <EditText
  59.                 android:id="@+id/user"
  60.                 android:layout_width="match_parent"
  61.                 android:layout_height="25dp"
  62.                 android:layout_marginLeft="10dp"
  63.                 android:layout_weight="1"
  64.                 android:background="#fff"
  65.                 android:ems="10"
  66.                 android:inputType="textPersonName"
  67.                 android:textColor="#000"
  68.                 android:textSize="14sp"
  69.                 android:hint="请输入账号"
  70.                 />
  71.  
  72.             <ImageView
  73.                 android:id="@+id/img_user_delete"
  74.                 android:layout_width="20dp"
  75.                 android:layout_height="20dp"
  76.                 android:layout_marginRight="20dp"
  77.                 app:srcCompat="@drawable/delete" />
  78.         </LinearLayout>
  79.  
  80.         <LinearLayout
  81.             android:layout_width="match_parent"
  82.             android:layout_height="wrap_content"
  83.             android:layout_marginTop="30dp"
  84.             android:gravity="center|left"
  85.             android:orientation="horizontal">
  86.  
  87.             <ImageView
  88.                 android:id="@+id/imageView"
  89.                 android:layout_width="20dp"
  90.                 android:layout_height="20dp"
  91.                 android:layout_marginLeft="25dp"
  92.                 app:srcCompat="@drawable/mima" />
  93.  
  94.             <View
  95.                 android:id="@+id/view6"
  96.                 android:layout_width="2dp"
  97.                 android:layout_height="24dp"
  98.                 android:layout_marginLeft="10dp"
  99.                 android:background="#cdcdcd" />
  100.  
  101.             <EditText
  102.                 android:id="@+id/pass"
  103.                 android:layout_width="match_parent"
  104.                 android:layout_height="25dp"
  105.                 android:layout_marginLeft="10dp"
  106.                 android:layout_weight="1"
  107.                 android:background="#fff"
  108.                 android:ems="10"
  109.                 android:inputType="textPassword"
  110.                 android:textColor="#000"
  111.                 android:textSize="14sp"
  112.                 android:hint="请输入密码"
  113.                 />
  114.  
  115.             <ImageView
  116.                 android:id="@+id/img_pass_delete"
  117.                 android:layout_width="20dp"
  118.                 android:layout_height="20dp"
  119.                 android:layout_marginRight="20dp"
  120.                 app:srcCompat="@drawable/delete" />
  121.         </LinearLayout>
  122.  
  123.     </LinearLayout>
  124.  
  125.     <TextView
  126.         android:id="@+id/textView"
  127.         android:layout_width="wrap_content"
  128.         android:layout_height="wrap_content"
  129.         android:layout_marginTop="16dp"
  130.         android:layout_marginEnd="24dp"
  131.         android:text="忘 记 密 码 ?"
  132.         android:textColor="#5dc2d0"
  133.         android:textStyle="bold"
  134.         app:layout_constraintEnd_toEndOf="parent"
  135.         app:layout_constraintTop_toBottomOf="@+id/view" />
  136.  
  137.     <TextView
  138.         android:id="@+id/login_register"
  139.         android:layout_width="wrap_content"
  140.         android:layout_height="wrap_content"
  141.         android:layout_marginTop="16dp"
  142.         android:text="新用户,立即注册!"
  143.         android:textColor="#5dc2d0"
  144.         android:textStyle="bold"
  145.         app:layout_constraintEnd_toEndOf="@+id/login_button"
  146.         app:layout_constraintStart_toStartOf="@+id/login_button"
  147.         app:layout_constraintTop_toBottomOf="@+id/login_button" />
  148.  
  149.     <Button
  150.         android:id="@+id/login_button"
  151.         android:layout_width="0dp"
  152.         android:layout_height="40dp"
  153.         android:layout_marginStart="32dp"
  154.         android:layout_marginTop="32dp"
  155.         android:layout_marginEnd="32dp"
  156.         android:background="@drawable/login"
  157.         android:text="立 即 登 录 "
  158.         android:textColor="#fff"
  159.         android:textSize="16sp"
  160.         app:layout_constraintEnd_toEndOf="parent"
  161.         app:layout_constraintStart_toStartOf="parent"
  162.         app:layout_constraintTop_toBottomOf="@+id/textView" />
  163.  
  164. </androidx.constraintlayout.widget.ConstraintLayout>

1. 获取用户名和密码的输入内容。

2. 检查用户名和密码是否为空，如果为空则显示一个 Toast 提示用户输入账号或密码，并结束方法的执行。

3. 调用 mDatabaseHelper 的 checkUser 方法来检查用户名和密码是否匹配。

4. 如果匹配成功，则显示一个登录成功的 Toast 提示，并跳转到主页面 MainActivity。

5. 如果匹配失败，则显示一个账号或密码错误的 Toast 提示。

  1. package com.example.news.ui;
  2.  
  3. import android.content.Intent;
  4. import android.os.Bundle;
  5. import android.view.View;
  6. import android.widget.Button;
  7. import android.widget.EditText;
  8. import android.widget.ImageView;
  9. import android.widget.TextView;
  10. import android.widget.Toast;
  11.  
  12. import androidx.appcompat.app.AppCompatActivity;
  13.  
  14. import com.example.news.Data.DatabaseHelper;
  15. import com.example.news.R;
  16.  
  17. public class LoginActivity extends AppCompatActivity {
  18.     private TextView loginRegister;
  19.     private EditText user;
  20.     private EditText pass;
  21.     private Button mLoginButton;
  22.     private ImageView imgUserDelete;
  23.     private ImageView imgPassDelete;
  24.  
  25.     @Override
  26.     protected void onCreate(Bundle savedInstanceState) {
  27.         super.onCreate(savedInstanceState);
  28.         setContentView(R.layout.activity_login);
  29.         initView();
  30.         clear();
  31.         register();
  32.         home();
  33.     }
  34.     // 登陆成功后跳转首页
  35.     private void home() {
  36.         mLoginButton.setOnClickListener(new View.OnClickListener() {
  37.             @Override
  38.             public void onClick(View v) {
  39.                 // 获取用户输入的内容
  40.                 String username = user.getText().toString().trim();
  41.                 String password = pass.getText().toString().trim();
  42.  
  43.                 if (username.isEmpty() || password.isEmpty()) {
  44.                     Toast.makeText(getApplicationContext(), "请输入账号或密码", Toast.LENGTH_SHORT).show();
  45.                     return;
  46.                 }
  47.                 boolean result = mDatabaseHelper.checkUser(username, password);
  48.                 if (result) {
  49.                     Toast.makeText(getApplicationContext(), "登陆成功", Toast.LENGTH_SHORT).show();
  50.                     Intent intent = new Intent(LoginActivity.this, MainActivity.class);
  51.                     startActivity(intent);
  52.                 } else {
  53.                     Toast.makeText(getApplicationContext(), "账号或密码错误", Toast.LENGTH_SHORT).show();
  54.                 }
  55.             }
  56.         });
  57.     }
  58.  
  59.     // 点击跳转注册页
  60.     private void register() {
  61.         loginRegister.setOnClickListener(new View.OnClickListener() {
  62.             @Override
  63.             public void onClick(View v) {
  64.                 Intent intent = new Intent(LoginActivity.this, RegisterActivity.class);
  65.                 startActivity(intent);
  66.             }
  67.         });
  68.     }
  69.  
  70.     // 点击清空输入的内容
  71.     private void clear() {
  72.         imgUserDelete.setOnClickListener(new View.OnClickListener() {
  73.             @Override
  74.             public void onClick(View v) {
  75.                 user.setText("");
  76.             }
  77.         });
  78.         imgPassDelete.setOnClickListener(new View.OnClickListener() {
  79.             @Override
  80.             public void onClick(View v) {
  81.                 pass.setText("");
  82.             }
  83.         });
  84.     }
  85.  
  86.     // 获取控件
  87.     private void initView() {
  88.         user = findViewById(R.id.user);
  89.         pass = findViewById(R.id.pass);
  90.         mLoginButton = findViewById(R.id.login_button);
  91.         loginRegister = findViewById(R.id.login_register);
  92.         imgUserDelete = findViewById(R.id.img_user_delete);
  93.         imgPassDelete = findViewById(R.id.img_pass_delete);
  94.             }
  95. }

2.4 首页实现

  首页主要实现新闻列表的显示与切换

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     xmlns:app="http://schemas.android.com/apk/res-auto"
  4.     xmlns:tools="http://schemas.android.com/tools"
  5.     android:layout_width="match_parent"
  6.     android:layout_height="match_parent"
  7.     android:background="#f1f1f1"
  8.     tools:context=".MainActivity">
  9.  
  10.     <ScrollView
  11.         android:layout_width="match_parent"
  12.         android:layout_height="match_parent"
  13.         app:layout_constraintBottom_toBottomOf="parent"
  14.         app:layout_constraintEnd_toEndOf="parent"
  15.         app:layout_constraintStart_toStartOf="parent"
  16.         app:layout_constraintTop_toTopOf="parent">
  17.  
  18.         <androidx.constraintlayout.widget.ConstraintLayout
  19.             android:layout_width="match_parent"
  20.             android:layout_height="wrap_content">
  21.  
  22.             <androidx.constraintlayout.widget.Guideline
  23.                 android:id="@+id/guideline"
  24.                 android:layout_width="wrap_content"
  25.                 android:layout_height="wrap_content"
  26.                 android:orientation="vertical"
  27.                 app:layout_constraintGuide_percent="0.05" />
  28.  
  29.             <androidx.constraintlayout.widget.Guideline
  30.                 android:id="@+id/guideline2"
  31.                 android:layout_width="wrap_content"
  32.                 android:layout_height="wrap_content"
  33.                 android:orientation="vertical"
  34.                 app:layout_constraintGuide_percent="0.95" />
  35.  
  36.             <com.youth.banner.Banner
  37.                 android:id="@+id/banner"
  38.                 android:layout_width="0dp"
  39.                 android:layout_height="140dp"
  40.                 android:layout_marginTop="8dp"
  41.                 app:layout_constraintEnd_toStartOf="@+id/guideline2"
  42.                 app:layout_constraintStart_toStartOf="@+id/guideline"
  43.                 app:layout_constraintTop_toTopOf="parent">
  44.  
  45.             </com.youth.banner.Banner>
  46.  
  47.             <View
  48.                 android:id="@+id/view"
  49.                 android:layout_width="0dp"
  50.                 android:layout_height="256dp"
  51.                 android:layout_marginTop="8dp"
  52.                 android:background="@drawable/main_view"
  53.                 app:layout_constraintEnd_toStartOf="@+id/guideline2"
  54.                 app:layout_constraintStart_toStartOf="@+id/guideline"
  55.                 app:layout_constraintTop_toBottomOf="@+id/banner" />
  56.  
  57.             <LinearLayout
  58.                 android:layout_width="357dp"
  59.                 android:layout_height="240dp"
  60.                 android:orientation="vertical"
  61.                 app:layout_constraintEnd_toStartOf="@+id/guideline2"
  62.                 app:layout_constraintStart_toStartOf="@+id/guideline"
  63.                 app:layout_constraintTop_toTopOf="@+id/view">
  64.  
  65.                 <LinearLayout
  66.                     android:layout_width="match_parent"
  67.                     android:layout_height="wrap_content"
  68.                     android:orientation="horizontal">
  69.  
  70.                     <TextView
  71.                         android:id="@+id/textView3"
  72.                         android:layout_width="wrap_content"
  73.                         android:layout_height="wrap_content"
  74.                         android:layout_marginStart="16dp"
  75.                         android:layout_marginTop="8dp"
  76.                         android:text="正在热映"
  77.                         android:textColor="#000"
  78.                         android:textSize="18sp"
  79.                         android:textStyle="bold" />
  80.  
  81.                 </LinearLayout>
  82.  
  83.                 <androidx.recyclerview.widget.RecyclerView
  84.                     android:id="@+id/rv_hot"
  85.                     android:layout_width="350dp"
  86.                     android:layout_height="match_parent"
  87.                     android:layout_marginLeft="3dp" />
  88.             </LinearLayout>
  89.  
  90.             <View
  91.                 android:id="@+id/view2"
  92.                 android:layout_width="0dp"
  93.                 android:layout_height="250dp"
  94.                 android:layout_marginTop="8dp"
  95.                 android:background="@drawable/main_view"
  96.                 app:layout_constraintEnd_toStartOf="@+id/guideline2"
  97.                 app:layout_constraintHorizontal_bias="0.0"
  98.                 app:layout_constraintStart_toStartOf="@+id/guideline"
  99.                 app:layout_constraintTop_toBottomOf="@+id/view" />
  100.  
  101.             <TextView
  102.                 android:id="@+id/textView"
  103.                 android:layout_width="wrap_content"
  104.                 android:layout_height="wrap_content"
  105.                 android:layout_marginStart="16dp"
  106.                 android:layout_marginTop="8dp"
  107.                 android:text="即将上映"
  108.                 android:textColor="#000"
  109.                 android:textSize="18sp"
  110.                 android:textStyle="bold"
  111.                 app:layout_constraintStart_toStartOf="@+id/guideline"
  112.                 app:layout_constraintTop_toTopOf="@+id/view2" />
  113.  
  114.             <androidx.recyclerview.widget.RecyclerView
  115.                 android:id="@+id/rv_future"
  116.                 android:layout_width="350dp"
  117.                 android:layout_height="220dp"
  118.                 android:orientation="horizontal"
  119.                 app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
  120.                 app:layout_constraintEnd_toStartOf="@+id/guideline2"
  121.                 app:layout_constraintStart_toStartOf="@+id/guideline"
  122.                 app:layout_constraintTop_toBottomOf="@+id/textView"
  123.                 tools:listitem="@layout/tobeshown_item">
  124.  
  125.             </androidx.recyclerview.widget.RecyclerView>
  126.  
  127.             <ImageView
  128.                 android:id="@+id/imageView4"
  129.                 android:layout_width="10dp"
  130.                 android:layout_height="10dp"
  131.                 android:layout_marginTop="24dp"
  132.                 android:layout_marginEnd="20dp"
  133.                 app:layout_constraintEnd_toStartOf="@+id/guideline2"
  134.                 app:layout_constraintTop_toBottomOf="@+id/banner"
  135.                 app:srcCompat="@drawable/jiantou" />
  136.  
  137.             <TextView
  138.                 android:id="@+id/tv_all"
  139.                 android:layout_width="wrap_content"
  140.                 android:layout_height="wrap_content"
  141.                 android:layout_marginEnd="3dp"
  142.                 android:text="查看全部"
  143.                 android:textColor="#000"
  144.                 android:textSize="15sp"
  145.                 app:layout_constraintBottom_toBottomOf="@+id/imageView4"
  146.                 app:layout_constraintEnd_toStartOf="@+id/imageView4"
  147.                 app:layout_constraintTop_toTopOf="@+id/imageView4" />
  148.  
  149.         </androidx.constraintlayout.widget.ConstraintLayout>
  150.     </ScrollView>
  151.  
  152. </androidx.constraintlayout.widget.ConstraintLayout>

        在onCreate方法中，首先设置了布局文件为activity_main，然后调用了initView和tabLayout方法。

        在initView方法中，获取了TabLayout控件的引用。

        在tabLayout方法中，首先定义了一个字符串数组types，用于存储TabLayout的标题。然后通过调用removeAllTabs方法，清空TabLayout中原有的标签。

        接下来设置了TabLayout的样式，包括文字颜色和选中标签的指示器颜色。

        然后使用for循环遍历types数组，在每次循环中，创建一个新的TabLayout.Tab对象，并设置标签的文字内容，最后调用addTab方法将标签添加到TabLayout中。

        最后，设置了TabLayout的点击事件监听器，在点击事件回调方法中，根据点击的标签位置调用setFragment方法切换显示不同的Fragment。

        setFragment方法中，通过传入的id选择要加载的Fragment，并开启事务，使用replace方法将指定的Fragment替换当前的Fragment，并最终调用commit方法提交事务。

        通过以上逻辑，完成了在MainActivity中显示TabLayout，并根据点击的标签切换显示不同的Fragment的功能。

  1. package com.example.news.ui;
  2.  
  3. import android.graphics.Color;
  4. import android.os.Bundle;
  5. import android.widget.FrameLayout;
  6.  
  7. import androidx.appcompat.app.AppCompatActivity;
  8. import androidx.fragment.app.Fragment;
  9.  
  10. import com.example.news.Fragment.EntertainmentNewsFragment;
  11. import com.example.news.Fragment.FilmsFragment;
  12. import com.example.news.Fragment.HeadlinesFragment;
  13. import com.example.news.Fragment.NewsHighlightskFragment;
  14. import com.example.news.Fragment.SportsNewsFragment;
  15. import com.example.news.R;
  16. import com.google.android.material.tabs.TabLayout;
  17.  
  18. public class MainActivity extends AppCompatActivity {
  19.     private FrameLayout fr;
  20.  
  21.     private TabLayout tabLayout;
  22.  
  23.     @Override
  24.     protected void onCreate(Bundle savedInstanceState) {
  25.         super.onCreate(savedInstanceState);
  26.         setContentView(R.layout.activity_main);
  27.         initView();
  28.         tabLayout();
  29.         setFragment(0);//默认第一个页面
  30.     }
  31.  
  32.     // 固定标题
  33.     private void tabLayout() {
  34.         String[] types = {"头条", "精选", "娱乐", "运动", "影视"};
  35.         tabLayout.removeAllTabs();
  36.  
  37.         // 设置TabLayout的样式为自定义样式
  38.         tabLayout.setTabTextColors(getResources().getColor(R.color.black), getResources().getColor(R.color.red));
  39.         tabLayout.setSelectedTabIndicatorColor(Color.RED);
  40.  
  41.         for (String type : types) {
  42.             TabLayout.Tab tab = tabLayout.newTab().setText(type);
  43.             tabLayout.addTab(tab);
  44.         }
  45.  
  46.         // 点击标题进行页面转换
  47.         tabLayout.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
  48.             @Override
  49.             public void onTabSelected(TabLayout.Tab tab) {
  50.                 int position = tab.getPosition();
  51.                 setFragment(position);
  52.             }
  53.  
  54.             @Override
  55.             public void onTabUnselected(TabLayout.Tab tab) {
  56.             }
  57.  
  58.             @Override
  59.             public void onTabReselected(TabLayout.Tab tab) {
  60.             }
  61.         });
  62.     }
  63.  
  64.    
  65.     private void initView() {
  66.         tabLayout = findViewById(R.id.tablayput);
  67.     }
  68. }

2.5 详情页面实现

        在onCreate方法中，它首先从意图中获取传递的数据类型和数据字符串，并使用Gson库将数据字符串解析为相应的数据对象。然后根据数据类型调用不同的updateUI方法来更新界面。

        在updateUI方法中，它根据数据对象的属性构建一个URL，然后使用WebView加载该URL。WebView用于显示新闻内容，并设置了JavaScript的支持和一个WebViewClient用于处理链接的点击事件。

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     xmlns:app="http://schemas.android.com/apk/res-auto"
  4.     xmlns:tools="http://schemas.android.com/tools"
  5.     android:layout_width="match_parent"
  6.     android:layout_height="match_parent"
  7.     tools:context=".ui.DetailsActivity">
  8.  
  9.     <View
  10.         android:id="@+id/view8"
  11.         android:layout_width="0dp"
  12.         android:layout_height="50dp"
  13.         android:background="#5dc2d0"
  14.         app:layout_constraintEnd_toEndOf="parent"
  15.         app:layout_constraintStart_toStartOf="parent"
  16.         app:layout_constraintTop_toTopOf="parent" />
  17.  
  18.     <ImageView
  19.         android:id="@+id/img_back"
  20.         android:layout_width="20dp"
  21.         android:layout_height="20dp"
  22.         android:layout_marginStart="8dp"
  23.         app:layout_constraintBottom_toBottomOf="@+id/view8"
  24.         app:layout_constraintStart_toStartOf="@+id/view8"
  25.         app:layout_constraintTop_toTopOf="parent"
  26.         app:srcCompat="@drawable/back" />
  27.  
  28.     <TextView
  29.         android:id="@+id/textView2"
  30.         android:layout_width="wrap_content"
  31.         android:layout_height="wrap_content"
  32.         android:text="新闻详情"
  33.         android:textColor="#fff"
  34.         android:textSize="20sp"
  35.         android:textStyle="bold"
  36.         app:layout_constraintBottom_toBottomOf="@+id/view8"
  37.         app:layout_constraintEnd_toEndOf="parent"
  38.         app:layout_constraintStart_toStartOf="parent"
  39.         app:layout_constraintTop_toTopOf="parent" />
  40.  
  41.     <WebView
  42.         android:id="@+id/webview"
  43.         android:layout_width="0dp"
  44.         android:layout_height="0dp"
  45.         app:layout_constraintBottom_toBottomOf="parent"
  46.         app:layout_constraintEnd_toEndOf="parent"
  47.         app:layout_constraintStart_toStartOf="parent"
  48.         app:layout_constraintTop_toBottomOf="@+id/view8" />
  49.  
  50. </androidx.constraintlayout.widget.ConstraintLayout>

  1. package com.example.news.ui;
  2.  
  3. import android.os.Bundle;
  4. import android.view.View;
  5. import android.webkit.WebView;
  6. import android.webkit.WebViewClient;
  7. import android.widget.ImageView;
  8.  
  9. import androidx.appcompat.app.AppCompatActivity;
  10.  
  11. import com.example.news.R;
  12. import com.example.news.bean.EntertainmentNewsBean;
  13. import com.example.news.bean.FilmsBean;
  14. import com.example.news.bean.HeadlinesBean;
  15. import com.example.news.bean.NewsHighlightsBean;
  16. import com.example.news.bean.SportsNewsBean;
  17.  
  18. public class DetailsActivity extends AppCompatActivity {
  19.     private ImageView imgBack;
  20.     private WebView webview;
  21.  
  22.     @Override
  23.     protected void onCreate(Bundle savedInstanceState) {
  24.         super.onCreate(savedInstanceState);
  25.         setContentView(R.layout.activity_details);
  26.         initView();
  27.         back();
  28.         String dataType = getIntent().getStringExtra("dataType");
  29.         String dataString = getIntent().getStringExtra("data");
  30.     }
  31.  
  32.     // 返回
  33.     private void back() {
  34.         imgBack.setOnClickListener(new View.OnClickListener() {
  35.             @Override
  36.             public void onClick(View v) {
  37.                 finish();
  38.             }
  39.         });
  40.     }
  41.  
  42.     // 获取控件
  43.     private void initView() {
  44.         imgBack = findViewById(R.id.img_back);
  45.         webview = findViewById(R.id.webview);
  46.     }
  47. }

        到此为止，我们的项目就已经完成了！ 

三、获取源码

关注公众号《编程乐学》，后台回复：24011001

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/你好赵伟/article/detail/751756
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。