Android Studio-App门户页面设计与开发

最新推荐文章于 2024-07-25 19:04:18 发布
最新推荐文章于 2024-07-25 19:04:18 发布
阅读量1.5k 收藏 17
点赞数 2
文章标签： android studio android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yoact/article/details/133847822
版权

一、设计目标

  1. 设计一个app的门户框架，能够实现4个tab页面的切换效果。
  2. 能够在任一tab页面中实现列表效果。

二、功能说明

        设计一个类微信界面，主要分为上中下三个部分，通过下方按钮实现“聊天”、“联系人”、“发现”以及“设置”这四个页面的切换，并在“聊天”页面中实现列表功能。

 三、效果展示

        

        

四、技术说明

  • Activity：

  • Activity 是 Android 应用程序中的一个基本组件，它提供了一个用户界面。每个 Activity 都有一个布局文件，用于定义其用户界面。Activity 可以通过 Intent 启动其他 Activity，也可以接收其他 Activity 发送的 Intent。

  • XML：

  • XML 是一种标记语言，用于描述数据。在 Android 应用程序中，XML 通常用于定义用户界面，用来编写布局文件。

  • Fragment：

  • Fragment 是 Android 应用程序中的另一个基本组件，它可以嵌入到 Activity 中。Fragment 可以有自己的布局文件和生命周期，可以在运行时添加、删除或替换。

  • RecyclerView：

  • RecyclerView 是 Android 应用程序中的一个高级控件，用于显示大量数据列表。与 ListView 不同，RecyclerView 允许自定义列表项的布局和交互方式，并提供了更好的性能和灵活性。

五、设计流程

  • 主页面布局activity_main1.xml

        主页面布局分为上中下三个部分，顶部由top.xml文件实现，因为需要切换四个页面，所以中间的内容分别包含在fragment1.xml、fragment2.xml、fragment3.xml和fragment4.xml中，底部由buttom.xml文件实现。使用include插入top.xml、中间的fragment.xml以及buttom.xml文件。

        

具体代码：

<?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">

    <include
        layout="@layout/top"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

    <androidx.fragment.app.FragmentContainerView
        android:id="@+id/content"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1" />

    <include
        layout="@layout/buttom"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />
</LinearLayout>

  • top.xml

  • content

  • fragment1.xml——聊天界面

<?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">

    <TextView
        android:id="@+id/textView5"
        android:layout_width="match_parent"
        android:layout_height="140dp"
        android:layout_gravity="center"
        android:layout_weight="1"
        android:gravity="center"
        android:text="聊天界面"
        android:textSize="40dp" />

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/recyclerview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1" />
</LinearLayout>
  • fragment2.xml——联系人界面
  • fragment3.xml及fragment4.xml类似
<?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">

    <TextView
        android:id="@+id/textView6"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:textSize="50dp"
        android:gravity="center"
        android:layout_gravity="center"
        android:text="联系人界面" />
</LinearLayout>

  • buttom.xml

 

  • 页面内容Fragment.java

  •  在Fragment.java中，将Fragment.java与布局文件中的fragment.xml进行连接，如Fragment2.java文件（fragment3.xml及fragment4.xml方法相同）：

     

package com.example.myapplication1;

import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

import androidx.fragment.app.Fragment;

public class Fragment2 extends Fragment {

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {

        // Inflate the layout for this fragment
        return inflater.inflate(R.layout.fragment2, container, false);
    }
}
  • 在Fragment1中实现列表功能：
package com.example.myapplication1;

import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

import androidx.fragment.app.Fragment;
import androidx.recyclerview.widget.LinearLayoutManager;
import androidx.recyclerview.widget.RecyclerView;

import java.util.ArrayList;
import java.util.List;

public class Fragment1 extends Fragment {

    RecyclerView recyclerView;
    Myadapter myadapter;
    View view1;
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        view1=new View(getContext());

        view1= inflater.inflate(R.layout.fragment1, container, false);
        recyclerView= view1.findViewById(R.id.recyclerview);

        List<String> list=new ArrayList();
        for (int i=1;i<10;i++){
            list.add("这是第"+i+"行：");
        }

        myadapter=new Myadapter(list,view1.getContext());
        recyclerView.setAdapter(myadapter);

        LinearLayoutManager manager=new LinearLayoutManager(view1.getContext());
        manager.setOrientation(RecyclerView.VERTICAL);

        recyclerView.setLayoutManager(manager);
        return view1;
    }
}

        代码说明：主要功能是为Fragment绑定一个列表视图RecycleView。通过findViewById()方法获取RecyclerView对象，并将其设置为垂直方向的线性布局。然后创建了一个List<String>对象list，用于存储数据。接着创建一个Myadapter对象，并将其设置为RecyclerView的适配器。

  • Myadapter.java

  • 为RecyclerView提供数据并创建对应的视图项

package com.example.myapplication1;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

import androidx.annotation.NonNull;
import androidx.recyclerview.widget.RecyclerView;

import java.util.List;

public class Myadapter extends RecyclerView.Adapter<Myadapter.Myholder> {
    List<String> list1;
    Context context1;

    // 构造函数，传入数据源和内容
    public Myadapter(List list, Context context){
        list1=list;
        context1=context;
    }
    //  创建 ViewHolder，即创建 RecyclerView 中 item 的布局
    @NonNull
    @Override
    public Myholder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {

        // 加载 item 的布局文件
        View view=LayoutInflater.from(context1).inflate(R.layout.item,parent,false);
        // 创建 ViewHolder 对象
        Myholder myholder=new Myholder(view);

        return myholder;
    }
    // 绑定数据到 ViewHolder 上
    public void onBindViewHolder(@NonNull Myholder holder, int position) {
        holder.textView.setText(list1.get(position));

    }
    // 返回数据源的大小
    @Override
    public int getItemCount() {
        return list1.size();
    }

    // ViewHolder 类，用于保存 item 中的控件对象
    class Myholder extends RecyclerView.ViewHolder{
        TextView textView;

        public Myholder(@NonNull View itemView) {

            super(itemView);
            // 找到 item 中的 TextView 控件
            textView=itemView.findViewById(R.id.textView9);
        }
    }

}

  • 主函数MainActivity1.java

  • 隐藏界面

private void fragmentHide() {
        FragmentTransaction ft=fm.beginTransaction()
                .hide(fragment1)
                .hide(fragment2)
                .hide(fragment3)
                .hide(fragment4);
        ft.commit();
    }

  • 显示当前界面

private void  fragmentshow(Fragment fragment){
        fragmentHide();
        FragmentTransaction ft=fm.beginTransaction()
                .show(fragment);
        ft.commit();
    }

  • 将Fragment文件进行压缩，加入content中

private void innitial() {
        FragmentTransaction ft=fm.beginTransaction()
                .add(R.id.content,fragment1)
                .add(R.id.content,fragment2)
                .add(R.id.content,fragment3)
                .add(R.id.content,fragment4);
        ft.commit();
    }

  • 设置监听

  • 可用switch case语句或if else语句执行
@Override
    public void onClick(View view) {
        if (view.getId() == l1) {
            fragmentshow(fragment1);
        }
        else if (view.getId() == l2) {
            fragmentshow(fragment2);
        }
        else if (view.getId() == l3) {
            fragmentshow(fragment3);
        }
        else if (view.getId() == l4) {
            fragmentshow(fragment4);
        }

    }

  • 主函数完整代码：

package com.example.myapplication1;

import androidx.appcompat.app.AppCompatActivity;
import androidx.fragment.app.Fragment;
import androidx.fragment.app.FragmentManager;
import androidx.fragment.app.FragmentTransaction;
import androidx.recyclerview.widget.LinearLayoutManager;
import androidx.recyclerview.widget.RecyclerView;

import android.content.Context;
import android.os.Bundle;
import android.view.View;
import android.widget.LinearLayout;

import java.util.ArrayList;
import java.util.List;

public class MainActivity1 extends AppCompatActivity implements View.OnClickListener {
    Fragment fragment1,fragment2,fragment3,fragment4;
    LinearLayout linearLayout1,linearLayout2,linearLayout3,linearLayout4;
    static final int l1=R.id.linearLayout1;
    static final int l2=R.id.linearLayout2;
    static final int l3=R.id.linearLayout3;
    static final int l4=R.id.linearLayout4;
    FragmentManager fm;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main1);

        linearLayout1=findViewById(R.id.linearLayout1);
        linearLayout2=findViewById(R.id.linearLayout2);
        linearLayout3=findViewById(R.id.linearLayout3);
        linearLayout4=findViewById(R.id.linearLayout4);

        fm=getSupportFragmentManager();
        fragment1=new Fragment1();
        fragment2=new Fragment2();
        fragment3=new Fragment3();
        fragment4=new Fragment4();

        innitial();
        fragmentHide();
        fragmentshow(fragment1);
        linearLayout1.setOnClickListener(this);
        linearLayout2.setOnClickListener(this);
        linearLayout3.setOnClickListener(this);
        linearLayout4.setOnClickListener(this);

    }

    private void fragmentHide() {
        FragmentTransaction ft=fm.beginTransaction()
                .hide(fragment1)
                .hide(fragment2)
                .hide(fragment3)
                .hide(fragment4);
        ft.commit();
    }

    private void  fragmentshow(Fragment fragment){
        fragmentHide();
        FragmentTransaction ft=fm.beginTransaction()
                .show(fragment);
        ft.commit();
    }

    private void innitial() {
        FragmentTransaction ft=fm.beginTransaction()
                .add(R.id.content,fragment1)
                .add(R.id.content,fragment2)
                .add(R.id.content,fragment3)
                .add(R.id.content,fragment4);
        ft.commit();
    }

    @Override
    public void onClick(View view) {
        if (view.getId() == l1) {
            fragmentshow(fragment1);
        }
        else if (view.getId() == l2) {
            fragmentshow(fragment2);
        }
        else if (view.getId() == l3) {
            fragmentshow(fragment3);
        }
        else if (view.getId() == l4) {
            fragmentshow(fragment4);
        }

    }

}

六、总结

        

  • 运行日志

  • 如果运行出错，可以打开Logcat查看日志，进行具体调试。

yoact
关注
  • 2
    点赞
  • 踩
  • 17
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
Android Studio 星座APP
04-29
使用Android Studio工具、Java编程语言开发的一款星座APP 拥有倒计时版本的开屏动画 主页分为：星座、配对、运势、我的四个功能 在星座页面中，可以查看每个星座，显示星座的生日范围，显示星座的性格特点、最大特征...
基于安卓AndroidStudio在线订餐app设计
11-01
开发软件：Idea2021 + AndroidStudio2021 + Mysql5.6 + 夜神模拟器 基于安卓的在线订餐app设计，项目一共2个身份包括管理员和用户。管理员在web端操作系统，主要包括角色维护，超级管理员可以添加其他的角色比如...
基于Android的花店APP
05-31
系统分为用户模式和管理员模式 用户模式功能： 1. 用户注册登录功能（账号、密码、头像）； 2. 花店简介； 3. 鲜花信息简介（名称、价格、图像）； 4. 鲜花信息详情（名称、种类、产地、单价、数量、总价）； 5. 鲜花产品点评功能； 6. 鲜花订单确认购买功能； 7. 用户 修改资料、关于软件、联系我们、使用说明、更新版本、退出登录。 管理员模式功能： 1. 管理员鲜花数据库管理（增删查改）； 2. 订单数据库管理（增删查改）； 3. 用户数据库查询。
《安卓期末大作业（AndroidStudio开发），垃圾分类app，代码有注释，能正常运行》
安卓精品项目源码
12-31 4947
管理员想要进行管理操作需要先登录，打开app后会有一段5s的广告，点击跳过可进入登录页面（背景为一段视频），输入用户名密码，即可登录，可以勾选记住密码，以便下次登录不需要再输用户名密码。用户注册是进入APP主页的第一步，用户如果想要使用垃圾分类助手，必须进行注册，点击登录页面下方的新用户注册即可跳转到注册页面，注册时需要输入的信息如图3-3-9用户注册页面所示，之后点击注册即可。如图3-3-3修改个人信息页面所示。管理员在主页面点击管理用户，即可进入用户管理界面，对用户信息进行增、删、改、查操作。
Android studio各种布局，UI界面交互功能
qq_52898134的博客
06-27 970
在这个示例中，使用GestureDetectorCompat类来创建一个gestureDetector对象，并通过实现GestureDetector.OnGestureListener接口中的方法来处理用户的滑动操作。在实际项目中，可以通过设置控件之间的相对位置关系来实现灵活的布局效果。可以根据自己的需求添加更多的菜单项，并在MainActivity.java中相应地处理它们的点击事件。在Java文件中找到对应的Button控件，并设置点击事件监听器，然后在事件处理方法中编写相应的逻辑代码。
Android studio课程设计开发实现---日记APP
m0_49534667的博客
11-28 3万+
Android日记APP，拥有底部弹窗、文件加密、通过拍照或相册修改头像。而且拥有日记基本操作增加、删除、修改的功能。
基于Android studio的花店app设计与开发案例
Run的博客
06-01 1万+
鲜花简介、点评、分享；用户登录、注册；鲜花详情数据库管理、鲜花订单数据库管理、用户数据库查询。
基于Android studio的机票管理app设计与开发案例
Run的博客
05-11 1194
获取全部demo代码点击[基于Android studio的机票管理app设计与开发](https://m.tb.cn/h.UE7PhCp?
Android Studio实现新闻App
振华OPPO的博客世界
07-13 2万+
本次项目实现了一个新闻App，通过调用第三方API获得新闻数据并显示。具有十几个页面，底部导航栏，数据库，滑动页面等。主要功能就和我们平时使用的今日头条类似，具有头条、社会、国内、国际、娱乐、健康等十几个栏目。有文字有图片还有视频可以播放，全方位给用户带来视听娱乐享受，随时随地获取时事新闻。总的来说，开发安卓程序需要耐心和持续的努力。掌握基础知识、良好的设计、模块化和代码复用、调试和错误处理以及持续学习和改进是成功开发安卓程序的关键要素。同时，遇到问题时要保持冷静，运用合适的解决方法和工具来解决问题。
基于Android studio的阅读APP设计与实现
毕业作品网站
01-12 8352
应用名：FTEReader。
Android Studio安装和使用教程(全文图解)
热门推荐
weixin_47614014的博客
10-14 16万+
我们先进入安装的SDK目录，进入platform-tools目录下，找到adb应用程序，从这里打开cmd，因为这里没有将adb添加到环境变量，要是已经添加过adb的环境变量的可以直接打开cmd。1、在Android studio面板里，运行MainActivity.java，编译成功后，正常情况你手机会提示你安装程序，安装完成后，就可以运行了。这里对于华为手机有个坑，我们在开发者选项那里，如果打开了“监控ADB安装应用”，会导致这个程序在手机上安不上，需要关上那个“监控ADB安装应用”选项。
Android Studio第一次作业：APP门户界面设计
yxf43的博客
10-06 2395
目录 最终APP界面效果展示： 实现过程 一、界面框架设计思路 1.top.xml ​ 2.bottom.xml 3.整体框架activity_main.xml ​ 二、交互设计思路 1.FragmentManager的创建 2.创建不同的Fragment.java及layout 3.实现Fragment的隐藏和显示 4.完善底部导航 5.对控件进行监听实现交互 总结 项目源代码地址： 本次作业的内容为：根据课程实操实现APP门户界面框架设计，至少包含4个tab..
Android Studio项目源码---查看新闻app
05-13
【Android Studio项目源码---查看新闻app】是一个用于学习Android Studio和安卓应用开发的实例，主要功能是提供一个能够浏览新闻的应用。这个项目名为"NewsApp-master"，它是一个典型的Android应用程序开发大作业，...
基于Android Studio开发的答题APP
04-18
综上所述，基于Android Studio开发答题APP涵盖了从UI设计、数据管理、用户交互到性能优化等多个方面，是一个综合性的Android开发实践。通过这个项目，开发者可以深入理解Android应用开发的全过程，提升自己的技能...
基于安卓的点菜app Android Studio 开发的
05-24
【基于安卓的点菜app Android Studio 开发的】 在当今移动互联网时代，餐饮行业的数字化转型愈发重要，基于安卓系统的点菜应用成为了餐厅提高服务效率、优化客户体验的重要工具。本项目是一个利用Android Studio...
Android studio 实现app登录注册页面
weixin_46165323的博客
09-22 2万+
实现注册界面的布局效果，包含用户名，密码，忘记密码，登录等控件
Android Studio导入源码
今天也是星期五的博客
07-25 395
一般情况下，源码里很多目录我们都用不到，可以通过配置iml文件来有选择的导入某些目录。在源码的根目录下会生成android.ipr和android.iml文件。使用AS打开android.ipr文件，就能成功导入源码了。excludeFolder：表示不包含的文件目录。sourceFolder：表示包含的文件目录。1.生成导入AS所需的配置文件。3.打开android.ipr。最后一步执行完后会有。
android前台服务
最新发布
fumeidonga的博客
07-25 1125
关于作者：CSDN内容合伙人、技术专家， 从零开始做日活千万级APP。专注于分享各领域原创系列文章 ，擅长java后端、移动开发、商业变现、人工智能等，希望大家多多支持。未经允许不得转载。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值