移动开发作业一/刘厚俊

已于 2023-11-12 16:05:54 修改
阅读量264 收藏 7
点赞数 4
文章标签： android
于 2023-10-16 16:47:11 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/clanguageman_/article/details/133857737
版权

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

前言

完成安卓开发作业，写一个类微信的界面并实现点击交互功能。

一、作业要求

App门户页面设计与开发

1、请根据课程内容设计一个app的门户框架，需要实现3-4个tab切换效果；本功能要求需要的技术为：activity、xml、fragment

2、在任一tab页中实现列表效果；本功能的实现需要使用recycleview；

3、本次作业以博客形式提交；请注意撰写内容需包括：作业目标，技术说明，关键代码解析。

二、实现过程

1.导入图片

如图所示：

2.页面布局

一、编辑top.xml文件

代码如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
    <TextView
        android:id="@+id/textview_top"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:layout_weight="1"
        android:text="微信"
        android:textSize="30sp"/>
</LinearLayout>

效果如图所示：

二、编写bottom.xml

        添加LinearLayout，修改其颜色大小，修改配置信息，导入图片，调整大小。

代码如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom">

    <LinearLayout
        android:id="@+id/LinearLayout_weixin"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:layout_gravity="center"
        android:orientation="vertical">

        <ImageButton
            android:id="@+id/imgView_weixin"
            android:layout_width="match_parent"
            android:layout_height="60dp"
            android:background="@color/white"
            android:clickable="false"
            android:contentDescription="@string/app_name"
            app:srcCompat="@drawable/weixin"
            android:scaleType="centerInside">
        </ImageButton>
        <TextView
            android:id="@+id/textView_weixin"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:clickable="false"
            android:gravity="center"
            android:text="微信"
            android:textSize="20dp">
        </TextView>
    </LinearLayout>

    <LinearLayout
        android:id="@+id/LinearLayout_friends"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:layout_gravity="center"
        android:orientation="vertical">

        <ImageButton
            android:id="@+id/imgView_friends"
            android:layout_width="match_parent"
            android:layout_height="60dp"
            android:background="@color/white"
            android:clickable="false"
            android:contentDescription="@string/app_name"
            app:srcCompat="@drawable/tongxunlu"
            android:scaleType="centerInside">
        </ImageButton>

        <TextView
            android:id="@+id/textView_friends"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:clickable="false"
            android:gravity="center"
            android:text="通讯录"
            android:textSize="20dp">
        </TextView>
    </LinearLayout>

    <LinearLayout
        android:id="@+id/LinearLayout_find"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:layout_gravity="center"
        android:orientation="vertical">

        <ImageButton
            android:id="@+id/imgView_find"
            android:layout_width="match_parent"
            android:layout_height="60dp"
            android:background="@color/white"
            android:clickable="false"
            android:contentDescription="@string/app_name"
            app:srcCompat="@drawable/faxian"
            android:scaleType="centerInside">
        </ImageButton>
        <TextView
            android:id="@+id/textView_find"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:clickable="false"
            android:gravity="center"
            android:text="发现"
            android:textSize="20dp">
        </TextView>
    </LinearLayout>

    <LinearLayout
        android:id="@+id/LinearLayout_my"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:layout_gravity="center"
        android:orientation="vertical">

        <ImageButton
            android:id="@+id/imgView_my"
            android:layout_width="match_parent"
            android:layout_height="60dp"
            android:background="@color/white"
            android:clickable="false"
            android:contentDescription="@string/app_name"
            app:srcCompat="@drawable/wode"
            android:scaleType="centerInside">
        </ImageButton>
        <TextView
            android:id="@+id/textView_my"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:clickable="false"
            android:gravity="center"
            android:text="我"
            android:textSize="20dp">
        </TextView>
    </LinearLayout>

</LinearLayout>
 

效果如下：
 

 

三、编写fragment.xml
 

      以通讯录界面为例，代码如下：
 

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="这是一个通讯录页面"
        android:textSize="25dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>
 

效果如图:
 

 

四、创建一个新的xml文件并将页面整合
 

代码如下：
 

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <include layout="@layout/top"></include>

        <FrameLayout
            android:id="@+id/content"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1">
        </FrameLayout>

        <include layout="@layout/bottom"></include>
    </LinearLayout>

</androidx.constraintlayout.widget.ConstraintLayout>
 

 

效果如图：
 

 

 

3.页面跳转控制
 

1.创建fragment文件
 

 

2.声明各个fragment变量
 

代码如下：
 

private final Fragment fragment_weixin = new WeixinFragment();
private final Fragment fragment_friend = new FriendsFragment();
private final Fragment fragment_find = new FindFragment();
private final Fragment fragment_my = new MyFragment();
private final Fragment bindmusicfragment = new BindMusicFragment();
private final Fragment unbindmusicfragment = new UnbindMusicFragment();
 

 

3.创建init函数初始化页面
 

代码如下：
 

private void initFragment() {
    fm = getSupportFragmentManager();
    transaction = fm.beginTransaction()
            .add(R.id.content, fragment_weixin)
            .add(R.id.content, fragment_friend)
            .add(R.id.content, fragment_find)
            .add(R.id.content, fragment_my)
            .add(R.id.content, bindmusicfragment)
            .add(R.id.content, unbindmusicfragment);
    transaction.commit();
}
 

 

4.隐藏fragment
 

代码如下：
 

private void hidefragment(@NonNull FragmentTransaction transaction) {

    transaction.hide(fragment_weixin);
    transaction.hide(fragment_friend);
    transaction.hide(fragment_find);
    transaction.hide(fragment_my);
    transaction.hide(bindmusicfragment);
    transaction.hide(unbindmusicfragment);
    transaction.commit();
}
 

 

 

5.监听控件并调用相关函数
 

代码如下：
 

   @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
//        requestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.mainlayout);

        Log.d("activity","11111111111");

        //授权
        if (ContextCompat.checkSelfPermission(this, Manifest.permission.RECEIVE_SMS) != PackageManager.PERMISSION_GRANTED) {
            ActivityCompat.requestPermissions(this, new String[]{"android.permission.RECEIVE_SMS"}, 1);
        }

        // 去掉它自带的标题框
        if (getSupportActionBar() != null) {
            getSupportActionBar().hide();
        }

        initView(); // 调用关联对象函数
        initFragment(); // 调用添加界面函数
        transaction = fm.beginTransaction();
        hidefragment(transaction);

        // 监听
        tabWeixin.setOnClickListener(this);
        tabFriend.setOnClickListener(this);
        tabFind.setOnClickListener(this);
        tabMy.setOnClickListener(this);


    }
 

 

三、实现列表效果
 

 

一、添加recycleview控件
 

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

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/recycler_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

</LinearLayout>
 

 

效果如下：
 

 

二、存放显示内容
 

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

    <ImageView
        android:id="@+id/fruit_img"
        android:layout_width="wrap_content"
        android:layout_height="80dp"/>

    <TextView
        android:id="@+id/fruit_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical"
        android:layout_marginLeft="10dp"/>

</LinearLayout>
 

 

效果如下：
 

 

三、编写适配器文件
 

代码：
 

package com.zhj.myapplication;

import android.content.Intent;
import android.graphics.Color;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast;

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

import com.zhj.myapplication.entity.Fruit;
import com.zhj.myapplication.fruitActivity.AppleActivity;
import com.zhj.myapplication.fruitActivity.BananaActivity;
import com.zhj.myapplication.fruitActivity.OrangeActivity;
import com.zhj.myapplication.fruitActivity.PearActivity;

import java.util.List;


/**
 * Description:
 */
public class MyAdapter extends RecyclerView.Adapter {
    private List<Fruit> mFruitList;

    public MyAdapter(List<Fruit> mFruitList) {
        this.mFruitList = mFruitList;
    }

    static class ViewHolder extends RecyclerView.ViewHolder {
        View fruitView;
        ImageView fruitImg;
        TextView fruitName;

        public ViewHolder(@NonNull View itemView) {
            super(itemView);
            fruitView = itemView;
            fruitImg = itemView.findViewById(R.id.fruit_img);
            fruitName = itemView.findViewById(R.id.fruit_name);
        }
    }

    @NonNull
    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(parent.getContext())
                .inflate(R.layout.fruit_item, parent, false);
        ViewHolder holder = new ViewHolder(view);
        holder.fruitView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                int position = holder.getAdapterPosition();
                Fruit fruit = mFruitList.get(position);
                holder.itemView.setBackgroundColor(Color.parseColor("#f4c542"));
                Toast.makeText(view.getContext(), "you clicked " + fruit.getName() + " view", Toast.LENGTH_LONG).show();
                if (fruit.getName().equals("Apple")) {
                    Intent intent = new Intent(view.getContext(), AppleActivity.class);
                    view.getContext().startActivity(intent);
                } else if (fruit.getName().equals("Banana")) {
                    Intent intent = new Intent(view.getContext(), BananaActivity.class);
                    view.getContext().startActivity(intent);
                } else if(fruit.getName().equals("Pear")) {
                    Intent intent = new Intent(view.getContext(), PearActivity.class);
                    view.getContext().startActivity(intent);
                } else if (fruit.getName().equals("Orange")) {
                    Intent intent = new Intent(view.getContext(), OrangeActivity.class);
                    view.getContext().startActivity(intent);
                } else {
                    Toast.makeText(view.getContext(), "you clicked view invalid", Toast.LENGTH_LONG).show();
                }
            }
        });
        holder.fruitImg.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                int position = holder.getAdapterPosition();
                Fruit fruit = mFruitList.get(position);
                holder.itemView.setBackgroundColor(Color.parseColor("#7EC0EE"));
                Toast.makeText(view.getContext(), "I clicked " + fruit.getName() + " image", Toast.LENGTH_LONG).show();
                if (fruit.getName().equals("Apple")) {
                    Intent intent = new Intent(view.getContext(), AppleActivity.class);
                    view.getContext().startActivity(intent);
                } else if (fruit.getName().equals("Banana")) {
                    Intent intent = new Intent(view.getContext(), BananaActivity.class);
                    view.getContext().startActivity(intent);
                } else if(fruit.getName().equals("Pear")) {
                    Intent intent = new Intent(view.getContext(), PearActivity.class);
                    view.getContext().startActivity(intent);
                } else if (fruit.getName().equals("Orange")) {
                    Intent intent = new Intent(view.getContext(), OrangeActivity.class);
                    view.getContext().startActivity(intent);
                } else {
                    Toast.makeText(view.getContext(), "you clicked image invalid", Toast.LENGTH_LONG).show();
                }
            }
        });
        return holder;
    }


    @Override
    public void onBindViewHolder(@NonNull RecyclerView.ViewHolder holder, int position) {
        ViewHolder reholder = (ViewHolder) holder;
        Fruit fruit = mFruitList.get(position);
        reholder.fruitImg.setImageResource(fruit.getImgId());
        reholder.fruitName.setText(fruit.getName());

    }

    @Override
    public int getItemCount() {
        return mFruitList.size();
    }
}
 

 

四、效果展示
 

 

 

 

 

 

 

五、源码分享
 

AS移动开发: 我的AS作业
 

 

总结
 

     在完成这次作业时，我逐渐了解了安卓开发并且学习与掌握了界面布局编写方法，并熟悉了基本控件的使用方法。我认为AS是一个功能强大的编译器。

                

        

        

    

  


    

      

        

            

              
                
                  clanguageman_
                
              
            

            

                关注
              
            

        

        

          
      

      









                



	

		

			

				
					
Android移动应用开发大作业

				
			

			

				

					拔牙不打麻药
				

				

					07-21
					
					2万+
					
				

			

		

		

			
				
这个作业是我花了三天左右时间熬夜写出来了，到最后一天晚上脑子都木木的，属性名都懒得改了，但是页数还过得去了，好像是十一二页来着。
选题几乎没有花很多时间，因为知道要写一个总结文档我就用短学期写的一个电子阅读笔记的资料了（可以省力x），主要又是期末大作业又是搞比赛啥的，没啥多余的精力去选题然后写文档（借口借口就是因为懒）。
而且好巧，短学期也是上05老师的课写的电子阅读笔记，这次拿来写大作业，老可持续发展了。

代码上传到github：https://github.com/skeptical5/HaveRea

			
		

	



                

              
                



	

		

			

				
					
django 最佳实践_5本适合初学者的最佳Django书

				
			

			

				

					culing2941的博客
				

				

					09-16
					
					7025
					
				

			

		

		

			
				
django 最佳实践Here you will find list of best django books for beginners to learn.
 在这里，您将找到最佳django书籍清单，供初学者学习。 
If you’re eager to learn Django as it is so popular nowadays for its simplicity, then you...

			
		

	



                


  
              

                


	

		

			

				
					
移动平台应用开发期末大作业

				
			

			

				

					06-02
				

			

		

		

			
				
使用这个APP，可以快速的创建活动，参加感兴趣的活动，在活动中结交新朋友。

			
		

	





	

		

			

				
					
移动开发大作业（代码+ppt+word）

				
			

			

				

					11-12
				

			

		

		

			
				
课程设计，期末大作业，答辩ppt，有源代码，有app解释，安卓移动开发，学年设计；课程设计，期末大作业，答辩ppt，有源代码，有app解释，安卓移动开发，学年设计

			
		

	



		

			
		



	

		

			

				
					
Android移动应用开发大作业——日程管理+邮件反馈

					
热门推荐

				
			

			

				

					scorpion_legend的博客
				

				

					01-27
					
					1万+
					
				

			

		

		

			
				
Android移动应用开发大作业——日程管理+邮件反馈

			
		

	





	

		

			

				
					
2021-2022年收藏的精品资料现代西方微观经济学南京大学商学院刘厚俊.doc

				
			

			

				

					09-17
				

			

		

		

			
				
精品教育教学资料

			
		

	





	

		

			

				
					
基于S3C2440和Linux的嵌入式网络驱动程序开发

				
			

			

				

					01-05
				

			

		

		

			
				
青岛大学的硕士论文《基于S3C2440和Linux的嵌入式网络驱动程序开发》深入探讨了这一主题，由郭建磊撰写，在杨厚俊教授的指导下完成。  #### 1. S3C2440硬件平台与嵌入式Linux系统  S3C2440是一款高性能、低功耗的微...

			
		

	





	

		

			

				
					
tutorialdjango:电子书《 Django 2.1教程，用GoormIDE和Bootstrap 4建立旅行博客》

				
			

			

				

					03-24
				

			

		

		

			
				
jango教程 原版书名：《 Django 2.1教程：使用GoormIDE和Bootstrap 4建立旅行博客（教程项目）》 作者：李厚俊，崔水元 出版时间：2018-08 这里可以下载书中用到的原始码，模板和静态文件 演示地址： :

			
		

	





	

		

			

				
					
Android移动终端开发大作业2019

				
			

			

				

					12-03
				

			

		

		

			
				
Android移动终端开发大作业2019 Android移动终端开发大作业2019

			
		

	





	

		

			

				
					
移动应用开发-大作业-项目总结.doc

				
			

			

				

					07-04
				

			

		

		

			
				
Vue_Demo_音乐_电影评论详细报告，是一次Vue大作业时候写的报告，包括设计、需求分析、功能介绍等。

			
		

	





	

		

			

				
					
移动应用开发作业（全）.zip

				
			

			

				

					06-14
				

			

		

		

			
				
本资源为移动应用开发作业，里面有物联网智慧工厂的部分代码，感兴趣的同学可以下载下来玩一玩。

			
		

	





	

		

			

				
					
移动开发期末大作业-备忘录app（附导入文档和项目截图）

				
			

			

				

					06-15
				

			

		

		

			
				
备忘录app（免积分下载）
2022年软件工程专业上学期的一个安卓的课设。
开发工具：androidStudio
开发语言：Java
详细情况请看我的文章介绍：
http://t.csdn.cn/4Lb3D






			
		

	





	

		

			

				
					
Android应用开发-大作业.doc

				
			

			

				

					06-22
				

			

		

		

			
				
这是本人的Android大作业，课题是生活百科应用。使用的是Android Studio开发

			
		

	





	

		

			

				
					
安卓移动应用开发（安卓系统开发教程）

				
			

			

				

					阿利同学的博客
				

				

					06-04
					
					1474
					
				

			

		

		

			
				
引导页使用第三方的一个banner框架实现，自动循环播放设置的引导图，程序内置4个图，循环自动播放，点击进入，进入到登陆页面。注册页面，输入手机号后，获取验证码（只是例子），按钮倒计时60s后可再次获取，注册时会检查手机号是否可用。对商品可以发布评价，发布的内容会记录到数据库，其他用户登录后，也可看到，用户名采用*进行脱敏处理。商品详情页，按照要求，展示商品图片、标题、详情。

			
		

	





	

		

			

				
					
移动开发技术第四次大作业

				
			

			

				

					weixin_47096031的博客
				

				

					12-04
					
					2114
					
				

			

		

		

			
				
移动开发技术第四次大作业
								——百度地图定位

开发步骤：
1.从百度开发者网站下载模块包并导入

2.创建一个新activity并设计与之绑定的界面：

3.编写location_activity.class的源代码
4.获取SHA1并在百度地图开发平台创建应用获取AK码：


5.给程序授权

核心技术：
1.android界面设计
2.百度地图开发技术
运行结果:

源码：
https://gitee.com/mr-ibrahimovic/my_work

...

			
		

	





	

		

			

				
					
移动应用开发大作业报告

					
最新发布

				
			

			

				

					weixin_66547608的博客
				

				

					06-16
					
					1438
					
				

			

		

		

			
				
通过设计并实现拼音查询、部首查询、成语查询等多个功能模块，我不仅提升了自己的编程能力，还加深了对数据库操作、前后端交互等技术的理解。该系统旨在为用户提供便捷、准确的汉字、词语查询服务，支持拼音查询、部首查询等多种查询方式。同时，系统还提供了详细的词语解释、例句、同义词、反义词等扩展信息，帮助用户更深入地理解词语的含义和用法。用户可参与成语接龙小游戏，通过输入成语的最后一个字来寻找下一个成语的开头字，以完成接龙。用户可参与成语接龙小游戏，通过输入成语的最后一个字来寻找下一个成语的开头字，以完成接龙。

			
		

	





	

		

			

				
					
移动开发技术作业1：App门户页面设计与开发

				
			

			

				

					m0_74113407的博客
				

				

					10-15
					
					656
					
				

			

		

		

			
				
编写完top.xml和bottom.xml后，将两个整合到activity_main.xml时，三个部分重叠在屏幕上方，原因是使用了ConstraintLayout布局器，应该使用垂直方向的LinearLayout布局器；下面bottom.xml部分先设置一个水平方向的LinearLayout布局器，再在其中设置四个小的垂直方向的LinearLayout布局器，每个布局器中imageButton对应每个图标，textView对应文字。再创建一个item.xml，用于列表中行的样式展示。

			
		

	





	

		

			

				
					

				
			

			

				

					
				

			

		

		

			
				

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		
评论 1

	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值