用户国营 发表于 2025-1-4 21:07:23

Android Studio 微信小程序开发

提示:文章写完后,目次可以自动天生,如何天生可参考右边的帮助文档

   文章目次



[*]媒介
[*]一、实现结果图
[*]二、功能阐明

[*]1.xml文件
[*]2.fragment文件
[*]3.adapter文件
[*]4.deatil文件

[*]总结

媒介

安卓开发记录
提示:以下是本篇文章正文内容,下面案例可供参考
一、实现结果图

https://i-blog.csdnimg.cn/direct/ff326577018c4ec7abf05dd9db278bfb.gif
二、功能阐明

主要功能为由fragment实现的页面间的跳转,以及由recylerView实现的每个页面分页展示数据,最后是由adapter和detail实现的页面详情查看。
1.xml文件

https://i-blog.csdnimg.cn/direct/eaf42f1d469d4e5bbad7a849c4d90e16.png
四个activity_adapter代表四个fragement页面布局,中间的main代表主页面布局,下面的四个item体现四个页面的recylerView条目,一个detail是体现第二个页面的细节展示(别的页面没有),以第四个页面举例:
https://i-blog.csdnimg.cn/direct/508802b928b049cb918758135b0ff74f.png
上面是个人详情,下面是功能按钮的RecylerView
https://i-blog.csdnimg.cn/direct/31886ddc898c41ab9a9eff633aefcdea.png
而item项目则是左边为应用图标,中间为应用名称,最后为进入的箭头
而主页面是如许的:
https://i-blog.csdnimg.cn/direct/70765dd3fcc04a8fb144224087329308.png
xml文件设计完之后,设计fragement
2.fragment设计

先要设计主fragment
此fragment主要要实现四个次fragment的切换,即点击按钮之后要将四个次fragment隐蔽起来,再启用需要展示的fragment,像如许:
public void setLayoutShow(LinearLayout layout,Fragment fragment){
      layout.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                fragmentTransaction=fragmentManager.beginTransaction();
                hideAll(fragmentTransaction);
                fragmentTransaction.show(fragment);
                fragmentTransaction.commit();
            }
      }); 里面的hideAll是自己定义的方法,作用是将所有的fragment隐蔽起来:
public void hideAll(FragmentTransaction fragmentTransaction){
      fragmentTransaction.hide(fragment1);
      fragmentTransaction.hide(fragment2);
      fragmentTransaction.hide(fragment3);
      fragmentTransaction.hide(fragment4);
    } 如许就可以实现点击图片按钮更换界面的结果
再设计别的四个fragment
以第二个为例,首先要绑定好layout文件和对应的recylerView:
View view=inflater.inflate(R.layout.activity_adapter, container, false);//绑定recyler的layout
recyclerView= view.findViewById(R.id.recyler);  绑定好之后,我们现在所需要做的事变就是将数据传递到这个fragment所对应的adapter文件,通过这个adapter文件来在recylerView上显示对应数据,于是我们选择用map来传递数据:
for(int i=0;i<username.length;i++){
            Map<String,Object> map=new HashMap<>();
            map.put("sex",sex);
            map.put("avatar",avtar);
            map.put("username",username);
            list.add(map);
      }  传到列表里去再传到adapter里:
context=getContext();

      adapter=new Adapter(getContext(),list);

      LinearLayoutManager manager=new LinearLayoutManager(getContext());

      manager.setOrientation(RecyclerView.VERTICAL);

      recyclerView.setAdapter(adapter);

      recyclerView.setLayoutManager(manager); 至此,fragment设计完毕,接下来设计adapter
3.Adapter设计

Adapter主要用来吸收fragemnt传过来的数据再设置到recylerView里,先吸收一下数据:
public Adapter2(Context context, List<Map<String,Object>> list) {
      this.context=context;
      this.list=list;
    } 再定义一个MyViewHolder,用来体现itemlayout是需要设置的值,比方图片,文字等:
class MyViewHolder extends RecyclerView.ViewHolder{
      TextView textView1,textView2;
      ImageView imageView;
      public MyViewHolder(@NonNull View itemView) {
            super(itemView);
            imageView=itemView.findViewById(R.id.imageView_my_item);
            textView1=itemView.findViewById(R.id.textView_name);
            textView2=itemView.findViewById(R.id.textView_messages);
      }
    } 以第二个页面举例,其要设置三个东西。
再然后通过onCreateViewHolder来将初始化完的viewHolder返回,方便传递数据:
public Adapter2.MyViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
      inflater= LayoutInflater.from(context).inflate(R.layout.layout_item2,parent,false);
      return new MyViewHolder(inflater);
    } 最后再在onBindViewHolder中传递数据即可:
public void onBindViewHolder(@NonNull MyViewHolder holder, @SuppressLint("RecyclerView") int position) {
      holder.imageView.setImageResource((Integer) Objects.requireNonNull(list.get(position).get("avatar")));
      holder.textView1.setText(Objects.requireNonNull(list.get(position).get("username")).toString());
      holder.textView2.setText(Objects.requireNonNull(list.get(position).get("message")).toString());
} 至此,我们即可以在页面的recyler中看到对应的值:
https://i-blog.csdnimg.cn/direct/00854f82d22f402eacd93d8f937b1902.png

4.detail设计

我们要实现点击头像可以跳转到用户详情页面,所以我们先要给每个图片设置一个click方法:
holder.imageView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Intent intent=new Intent(context,MainActivity_detail.class);
                intent.putExtra("avatar", (Integer) Objects.requireNonNull(list.get(position).get("avatar")));
                intent.putExtra("name", Objects.requireNonNull(list.get(position).get("username")).toString());
                intent.putExtra("sex",Objects.requireNonNull(list.get(position).get("sex")).toString());
                context.startActivity(intent);
            }
      }); 将值全部传给我们的detail_activity中,再在detail类中设置每个详情值即可:
protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main_detail);
      imageView=findViewById(R.id.imageView_detail);
      textView1=findViewById(R.id.textView_deatil1);
      textView2=findViewById(R.id.textView_detail2);

      imageView.setImageResource(getIntent().getIntExtra("avatar",-1));
      textView1.setText("姓名:"+getIntent().getStringExtra("name"));
      textView2.setText("性别:"+getIntent().getStringExtra("sex"));
    } 得到detail页面:
https://i-blog.csdnimg.cn/direct/6ea34ca1cd634552ac3363fd284975b9.png
至此,本次开发完成
代码堆栈

android program: 安卓开发作业https://csdnimg.cn/release/blog_editor_html/release2.3.7/ckeditor/plugins/CsdnLink/icons/icon-default.png?t=O83Ahttps://gitee.com/z-y-y12345/android-program

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
页: [1]
查看完整版本: Android Studio 微信小程序开发