Android studio计划app根本页面

一、作业目标

app根本页面包罗以下三个内容：首页（3-4个tab页面），列表页面，详情页面，从首页可以点击进入列表页面，点击列表的某一行可以进入详情页面
二、工具

Android studio
三、计划思绪

微信页面包含聊天，联系人，位置，设置四个tab界面，主界面总体分为上中下三个部分，使用recycleview在联系人界面实现列表结果，用来显示联系人详细信息
详细文件为tab1，2，3，4；fragment1，2，3，4对应；上中下结果由top tab bottom实现；
最后由main.xml整合
详细文件展示：

代码如下：

top.xml

1. <?xml version="1.0" encoding="utf-8"?>
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3.     android:layout_width="match_parent"
4.     android:layout_height="wrap_content">
6.     <TextView
7.         android:id="@+id/textView"
8.         android:layout_width="wrap_content"
9.         android:layout_height="wrap_content"
10.         android:layout_weight="1"
11.         android:background="@color/black"
12.         android:gravity="center"
13.         android:text="微信"
14.         android:textColor="@color/white"
15.         android:textSize="40sp" />
16. </LinearLayout>

复制代码

item.xml

1. <?xml version="1.0" encoding="utf-8"?>
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3.     android:layout_width="match_parent"
4.     android:layout_height="wrap_content">
6.     <TextView
7.         android:id="@+id/textView6"
8.         android:layout_width="match_parent"
9.         android:layout_height="match_parent"
11.         android:layout_weight="1"
12.         android:gravity="center"
13.         android:text="TextView"
14.         android:textColor="@color/black"
15.         android:textSize="35sp" />
16. </LinearLayout>

复制代码

bottom.xml

1. <?xml version="1.0" encoding="utf-8"?>
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3.     xmlns:app="http://schemas.android.com/apk/res-auto"
4.     android:layout_width="match_parent"
5.     android:layout_height="wrap_content"
6.     android:background="@color/black"
7.     android:orientation="horizontal">
9.     <LinearLayout
10.         android:id="@+id/LinearLayout1"
11.         android:layout_width="wrap_content"
12.         android:layout_height="wrap_content"
13.         android:layout_weight="1"
14.         android:orientation="vertical">
16.         <ImageView
17.             android:id="@+id/imageView11"
18.             android:layout_width="115dp"
19.             android:layout_height="109dp"
21.             android:layout_weight="1"
22.             app:srcCompat="@android:drawable/ic_menu_always_landscape_portrait" />
24.         <TextView
25.             android:id="@+id/textView11"
26.             android:layout_width="match_parent"
27.             android:layout_height="wrap_content"
28.             android:gravity="center"
29.             android:text="聊天"
30.             android:textColor="@color/white"
31.             android:textSize="30sp" />
32.     </LinearLayout>
34.     <LinearLayout
35.         android:id="@+id/LinearLayout2"
36.         android:layout_width="wrap_content"
37.         android:layout_height="wrap_content"
38.         android:layout_weight="1"
39.         android:orientation="vertical">
41.         <ImageView
42.             android:id="@+id/imageView22"
43.             android:layout_width="115dp"
44.             android:layout_height="109dp"
46.             android:layout_weight="1"
47.             app:srcCompat="@android:drawable/ic_menu_call" />
49.         <TextView
50.             android:id="@+id/textView22"
51.             android:layout_width="match_parent"
52.             android:layout_height="wrap_content"
53.             android:gravity="center"
54.             android:text="联系人"
55.             android:textColor="@color/white"
56.             android:textSize="30sp" />
57.     </LinearLayout>
59.     <LinearLayout
60.         android:id="@+id/LinearLayout3"
61.         android:layout_width="wrap_content"
62.         android:layout_height="wrap_content"
63.         android:layout_weight="1"
64.         android:orientation="vertical">
66.         <ImageView
67.             android:id="@+id/imageView33"
68.             android:layout_width="match_parent"
69.             android:layout_height="109dp"
71.             android:layout_weight="1"
72.             app:srcCompat="@android:drawable/ic_menu_compass" />
74.         <TextView
75.             android:id="@+id/textView33"
76.             android:layout_width="115dp"
77.             android:layout_height="wrap_content"
78.             android:gravity="center"
79.             android:text="位置"
80.             android:textColor="@color/white"
81.             android:textSize="30sp" />
82.     </LinearLayout>
84.     <LinearLayout
85.         android:id="@+id/LinearLayout4"
86.         android:layout_width="109dp"
87.         android:layout_height="wrap_content"
88.         android:layout_weight="1"
89.         android:orientation="vertical">
91.         <ImageView
92.             android:id="@+id/imageView44"
93.             android:layout_width="match_parent"
94.             android:layout_height="109dp"
96.             android:layout_weight="1"
97.             app:srcCompat="@android:drawable/ic_menu_manage" />
99.         <TextView
100.             android:id="@+id/textView44"
101.             android:layout_width="match_parent"
102.             android:layout_height="wrap_content"
103.             android:gravity="center"
104.             android:text="设置"
105.             android:textColor="@color/white"
106.             android:textSize="30sp" />
107.     </LinearLayout>
108. </LinearLayout>

复制代码

main.xml

1. <?xml version="1.0" encoding="utf-8"?>
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3.     android:layout_width="match_parent"
4.     android:layout_height="match_parent"
5.     android:orientation="vertical">
7.     <include layout="@layout/top" />
9.     <FrameLayout
10.         android:id="@+id/content1"
11.         android:layout_width="match_parent"
12.         android:layout_height="wrap_content"
13.         android:layout_weight="1">
15.     </FrameLayout>
17.     <include
18.         android:id="@+id/content"
19.         layout="@layout/bottom" />
21. </LinearLayout>

复制代码

tab页面代码类似
展示tab1例子以及加入了recycleview的tab2（如果详情页加到tab1，3，4中同理）
tab1

1. <?xml version="1.0" encoding="utf-8"?>
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3.     android:layout_width="match_parent"
4.     android:layout_height="match_parent">
6.     <TextView
7.         android:id="@+id/textView2"
8.         android:layout_width="wrap_content"
9.         android:layout_height="wrap_content"
10.         android:layout_gravity="center"
11.         android:layout_weight="1"
12.         android:gravity="center"
13.         android:text="这是聊天界面"
14.         android:textSize="50sp" />
15. </LinearLayout>

复制代码

tab2

1. <?xml version="1.0" encoding="utf-8"?>
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3.     android:layout_width="match_parent"
4.     android:layout_height="match_parent">
6.     <androidx.recyclerview.widget.RecyclerView
7.         android:id="@+id/recycleView"
8.         android:layout_width="388dp"
9.         android:layout_height="701dp"
10.         android:layout_marginStart="8dp"
11.         android:layout_marginTop="8dp"
12.         />
13. </LinearLayout>

复制代码

fragment页面类似
展示fragment1例子以及加入了recycleview的fragment2（如果详情页加到fragment1，3，4中同理）
fragment1

1. package com.example.myapplication;
3. import android.os.Bundle;
4. import android.view.LayoutInflater;
5. import android.view.View;
6. import android.view.ViewGroup;
8. import androidx.fragment.app.Fragment;
10. import com.example.myapplication.R;
13. public class Fragment1 extends Fragment {
17.     @Override
18.     public View onCreateView(LayoutInflater inflater, ViewGroup container,
19.                              Bundle savedInstanceState) {
20.         // Inflate the layout for this fragment
23.         return inflater.inflate(R.layout.tab1, container, false);
24.     }
25. }

复制代码

fragment2

1. package com.example.myapplication;
3. import android.annotation.SuppressLint;
4. import android.content.Context;
5. import android.os.Bundle;
6. import android.view.LayoutInflater;
7. import android.view.View;
8. import android.view.ViewGroup;
10. import androidx.fragment.app.Fragment;
11. import androidx.recyclerview.widget.LinearLayoutManager;
12. import androidx.recyclerview.widget.RecyclerView;
13. import java.util.*;
15. public class Fragment2 extends Fragment {
16.     Context context;
17.     List list;
18.     RecyclerView recyclerView;
19.     Myadapter myadapter;
21.     @SuppressLint("MissingInflatedId")
22.     @Override
23.     public View onCreateView(LayoutInflater inflater, ViewGroup container,
24.                              Bundle savedInstanceState) {
25.         // Inflate the layout for this fragment
26.         View view = inflater.inflate(R.layout.tab2, container, false);
27.         context = view.getContext();
28.         recyclerView = view.findViewById(R.id.recycleView);
29.         list = new ArrayList();
30.         for(int i=0;i<9;i++){
31.             list.add("这是第"+i+"行数据");}
33.         myadapter = new Myadapter(context, list);
34.         recyclerView.setAdapter(myadapter);
35.         LinearLayoutManager manager = new LinearLayoutManager(context);
36.         manager.setOrientation(LinearLayoutManager.VERTICAL);
37.         recyclerView.setLayoutManager(manager);
39.         return view;
42.     }
43. }

复制代码

myadapter类

1. package com.example.myapplication;
3. import android.content.Context;
4. import android.view.LayoutInflater;
5. import android.view.View;
6. import android.view.ViewGroup;
7. import android.widget.TextView;
9. import androidx.annotation.NonNull;
10. import androidx.recyclerview.widget.RecyclerView;
12. import com.example.myapplication.R;
14. import java.util.List;
15. import java.util.zip.Inflater;
17. public class Myadapter extends RecyclerView.Adapter<Myadapter.Myholder> {
19.     Context context1;
20.     List<String> list1;
23.     public Myadapter(Context context, List list){
24.         context1=context;
25.         list1=list;
26.     }
28.     @NonNull
29.     @Override
30.     public Myholder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
32.         View view=LayoutInflater.from(context1).inflate(R.layout.item,parent,false);
34.         Myholder myholder=new Myholder(view);
35.         return myholder;
36.     }
38.     @Override
39.     public void onBindViewHolder(@NonNull Myholder holder, int position) {
41.         holder.textView.setText(list1.get(position));
44.     }
46.     @Override
47.     public int getItemCount() {
48.         return list1.size();
49.     }
50.     protected class Myholder extends RecyclerView.ViewHolder {
51.         TextView textView;
52.         public Myholder(@NonNull View itemView) {
53.             super(itemView);
54.             textView=itemView.findViewById(R.id.textView6);
55.         }
56.     }
57. }

复制代码

recycleviewactivity

1. package com.example.myapplication;
3. import android.os.Bundle;
5. import androidx.activity.EdgeToEdge;
6. import androidx.appcompat.app.AppCompatActivity;
7. import androidx.core.graphics.Insets;
8. import androidx.core.view.ViewCompat;
9. import androidx.core.view.WindowInsetsCompat;
11. public class recycleviewActivity extends AppCompatActivity {
13.     @Override
14.     protected void onCreate(Bundle savedInstanceState) {
15.         super.onCreate(savedInstanceState);
16.         EdgeToEdge.enable(this);
17.         setContentView(R.layout.activity_recycleview);
18.         ViewCompat.setOnApplyWindowInsetsListener(findViewById(R.id.main), (v, insets) -> {
19.             Insets systemBars = insets.getInsets(WindowInsetsCompat.Type.systemBars());
20.             v.setPadding(systemBars.left, systemBars.top, systemBars.right, systemBars.bottom);
21.             return insets;
22.         });
23.     }
24. }

复制代码

结果展示：

github仓库代码地址
ygy-123/android_firstapp

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。