AndroidStudio 微信页面制作

最新推荐文章于 2024-08-20 10:47:02 发布
最新推荐文章于 2024-08-20 10:47:02 发布
阅读量1k 收藏 10
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44101511/article/details/105005303
版权

移动互联网开发课

AndroidStudio微信的页面的制作

本次项目模拟微信页面的制作。

项目目标

  1. 页面上方具有Wechat标题。
  2. 页面中间有内容显示框。
  3. 页面下有具有包含4中不同属性值的选择框，且具有选择事件。
  4. 页面内容显示要随着选择属性值的改变而改变。

项目完成展示
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
这个微信主页面是由ativity_main.xml组成,它用包含上部分的top.xml里面的layout/top显示WeChat标题,中间用Framelayout显示内容,用包含下部分的button.xml里的layout/button显示底部的选择框。

activity_main.xml:

<?xml version="1.0" encoding="utf-8"?> 


                

                
                
        

        

    

  


        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    

      

        

            

              
                
                  qq_924529916
                
              
            

            

                关注
              
            

        

        

          
      

      









                



	

		

			

				
					
android studio开发微信界面

				
			

			

				

					qq_45683190的博客
				

				

					03-21
					
					4479
					
				

			

		

		

			
				
微信界面
主要是做微信的简单的聊天界面，利用Fragment，进行微信界面的跳转
源代码
微信界面
图片:


这是我们要做的界面主要分为头部（top.xml）文件，底部（bottom.xml）文件，中间的tab文件总共有4个，但是我只上传一个，tab01.xml(其他的三个只需要改一下文本内容文本和ID),当点击底部图标时，界面中间的内容会发生相应的改变，下面的图标颜色也会发生改变。
利用Fra...

			
		

	



                

              
                



	

		

			

				
					
Android Studio 类微信界面的制作

				
			

			

				

					m0_62822070的博客
				

				

					09-30
					
					2030
					
				

			

		

		

			
				
类微信界面

			
		

	



                


  
              

                


	

		

			

				
					
android studio仿微信主界面

				
			

			

				

					06-14
				

			

		

		

			
				
使用android studio设计微信主界面，采用ViewPager和Fragment相结合的方法，实现界面滑动更换页面，点击等

			
		

	





	

		

			

				
					
Android开发——获取微信聊天记录（后台秘密发邮件）

					
最新发布

				
			

			

				

					凌寒赋雪的博客
				

				

					08-20
					
					3252
					
				

			

		

		

			
				
1. 首先先展示一下效果图：









2.Accessibility机制



Accessibility机制之前已经介绍过了，具体可以查看Accessibility机制实现模拟点击，需要简单的配置（如设置被监听的对象为微信）和实现。此文中介绍了如何通过Accessibility自动抢红包，在这个过程中，很明显，在调用如下代码时，




AccessibilityNodeIn...

			
		

	



		

			
		



	

		

			

				
					
Android 实现微信界面

				
			

			

				

					10-24
				

			

		

		

			
				
程序总体使用TabHost实现微信界面的四个模块，在每一个tab选项布局里使用自定义的ListView，添加ImageView和TextView控件，显示通讯录列表信息。自定义ListView的列表项布局文件,将每个ListView要显示的内容构成一个由Map组成的List集合，List集合中的每一项，与ListView中的每一项相对应。创建SimpleAdapter对象,并将之与数据源、ListView列表项布局文件等进行关联。

			
		

	





	

		

			

				
					
Android Studio制作微信界面（一）

				
			

			

				

					m0_62409036的博客
				

				

					04-29
					
					2301
					
				

			

		

		

			
				
Android Studio制作微信界面（一）实现目标实现微信底部导航栏功能：根据用户选择的选项切换不同的Fragment显示在FrameLayout中。每个选项对应一个Fragment，包括聊天界面、通讯录界面、发现界面和主页界面，并在界面中显示“这里是微信”，“这里是通讯录”等字样，底部按钮颜色，图片随之替换绿色。每个选项对应一个Fragment，包括聊天界面(FragChat)、通讯录界面(FragAddresslist)、发现界面(FragFind)和主页界面(FragHome)：

			
		

	





	

		

			

				
					
Android Studio微信界面基础开发

				
			

			

				

					01-20
				

			

		

		

			
				
Android Studio微信界面基础开发 基础页面开发 新建页面并编写   #第一个框架处理，分为top,content,bottom   事件处理函数  MainActivity.java package com.example.wexin; import androidx.appcompat.app....

			
		

	





	

		

			

				
					
Android Studio制作简易微信界面

				
			

			

				

					qq_53354541的博客
				

				

					09-29
					
					3282
					
				

			

		

		

			
				
as制作简单微信界面

			
		

	





	

		

			

				
					
android studio模仿微信界面

				
			

			

				

					qq2606393744的博客
				

				

					07-10
					
					697
					
				

			

		

		

			
				
只提供代码，思路想不起来了。图片看资源包，也可自己导入。

			
		

	





	

		

			

				
					
Android studio制作简单微信界面（二）

				
			

			

				

					Freak的博客
				

				

					12-26
					
					2316
					
				

			

		

		

			
				
Android studio微信界面简单制作（二）
在第一次的基础上我们来做一个进阶的，主要是为了熟悉UI设计
实验目标和实验内容：
1、掌握UI设计中的layout布局（约束布局）与基本控件（button、text、imageview等）；
2、掌握复杂控件与adapter的使用
实验结果：
核心代码
MainActivity.java：
package com.example.mywechat2;

import androidx.appcompat.app.AppCompatActivity;
imp

			
		

	





	

		

			

				
					
AndroidStudio简单微信界面

				
			

			

				

					qq_40587941的博客
				

				

					03-20
					
					2198
					
				

			

		

		

			
				
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入
欢迎使用Ma...

			
		

	





	

		

			

				
					
Android仿照微信界面开发

				
			

			

				

					11-22
				

			

		

		

			
				
按照慕课网上的老师设计要求，自己动手写的，用的是AS集成开发环境

			
		

	





	

		

			

				
					
Android-模仿微信主界面

				
			

			

				

					05-28
				

			

		

		

			
				
Android模仿新版微信主界面，应该来说模仿的很相似。

			
		

	





	

		

			

				
					
Android模仿微信消息列表

				
			

			

				

					04-26
				

			

		

		

			
				
Android Studio中模仿微信的消息列表，单独图标，带点击事件。

			
		

	





	

		

			

				
					
用Android studio写仿微信语音聊天功能

				
			

			

				

					04-29
				

			

		

		

			
				
仿微信语音聊天功能

			
		

	





	

		

			

				
					
在androidstudio上的基于listview的仿微信界面

				
			

			

				

					12-14
				

			

		

		

			
				
在androidstudio上的基于listview的仿微信界面
使用了java和xml语言
内容只有一个列表（包含头像和名称），然后点进去有对话框（包含发送按钮 输入框）不连服务器 可作为开发聊天软件的基本框架

			
		

	





	

		

			

				
					
android studio实现类微信界面

				
			

			

				

					qq_46987977的博客
				

				

					10-09
					
					512
					
				

			

		

		

			
				
目录

一、需要实现的功能：

二、top布局

三、bottom布局

四、中间布局

五、activity_main.xml

六、所需java文件

七、运行界面：

一、需要实现的功能：

1.可展示出四个可切换界面：微信、通讯录、发现、我（个人界面）；
2.上方栏标题居中，界面中间显示内容，内容随下方栏的选择而切换，下方栏可点击切换；
3.主要从top、bottom、中间布局以及MainActivity四个方面分析。



二、top布局

在res文件夹的layout中新建top.xml，将标题

			
		

	





	

		

			

				
					
AndroidStudio实现类微信主界面设计

				
			

			

				

					qq_54074534的博客
				

				

					10-01
					
					2265
					
				

			

		

		

			
				
使用Activity实现界面跳转

			
		

	





	

		

			

				
					
用安卓制作微信页面

				
			

			

				

					
				

				

					05-27
					
					443
					
				

			

		

		

			
				
package com.example.my_weixin; 
import android.app.TabActivity; import android.content.Intent; import android.os.Bundle; import android.widget.Radi...

			
		

	





	

		

			

				
					
Android studio微信主页面设计

				
			

			

				

					12-01
				

			

		

		

			
				
Android Studio是一款非常流行的Android应用程序开发工具，可以用于设计和开发各种Android应用程序。微信主页面设计可以使用ViewPager和Fragment相结合的方法来实现。下面是一个简单的示例：

1.首先，在Android Studio中创建一个新项目，并在布局文件中添加一个ViewPager。

2.创建四个Fragment，分别对应“微信”、“通讯录”、“发现”、“我”。

3.在MainActivity.java文件中，创建一个PagerAdapter，并将四个Fragment添加到PagerAdapter中。

4.将PagerAdapter设置为ViewPager的适配器。

5.在布局文件中添加底部导航栏，使用LinearLayout和ImageButton来实现。

6.在MainActivity.java文件中，为每个ImageButton添加一个点击事件，当点击时，ViewPager会切换到相应的Fragment。

下面是一个简单的示例代码：

```java
public class MainActivity extends AppCompatActivity {

    private ViewPager viewPager;
    private PagerAdapter pagerAdapter;
    private ImageButton btnWechat, btnContacts, btnDiscover, btnMe;

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

        viewPager = findViewById(R.id.view_pager);
        btnWechat = findViewById(R.id.btn_wechat);
        btnContacts = findViewById(R.id.btn_contacts);
        btnDiscover = findViewById(R.id.btn_discover);
        btnMe = findViewById(R.id.btn_me);

        pagerAdapter = new PagerAdapter(getSupportFragmentManager());
        pagerAdapter.addFragment(new WechatFragment());
        pagerAdapter.addFragment(new ContactsFragment());
        pagerAdapter.addFragment(new DiscoverFragment());
        pagerAdapter.addFragment(new MeFragment());

        viewPager.setAdapter(pagerAdapter);

        btnWechat.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                viewPager.setCurrentItem(0);
            }
        });

        btnContacts.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                viewPager.setCurrentItem(1);
            }
        });

        btnDiscover.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                viewPager.setCurrentItem(2);
            }
        });

        btnMe.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                viewPager.setCurrentItem(3);
            }
        });
    }

    private static class PagerAdapter extends FragmentPagerAdapter {

        private final List<Fragment> fragmentList = new ArrayList<>();

        public PagerAdapter(FragmentManager fm) {
            super(fm);
        }

        public void addFragment(Fragment fragment) {
            fragmentList.add(fragment);
        }

        @Override
        public Fragment getItem(int position) {
            return fragmentList.get(position);
        }

        @Override
        public int getCount() {
            return fragmentList.size();
        }
    }
}
```

请问如何在ViewPager中添加更多的Fragment？如何在Fragment中添加更多的控件？如何在Fragment中实现点击事件？

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值