提示:文章写完后,目次可以自动天生,如何天生可参考右边的帮助文档
文章目次
- 媒介
- 一、实现结果图
- 二、功能阐明
- 1.xml文件
- 2.fragment文件
- 3.adapter文件
- 4.deatil文件
- 总结
媒介
安卓开发记录
提示:以下是本篇文章正文内容,下面案例可供参考
一、实现结果图
二、功能阐明
主要功能为由fragment实现的页面间的跳转,以及由recylerView实现的每个页面分页展示数据,最后是由adapter和detail实现的页面详情查看。
1.xml文件
四个activity_adapter代表四个fragement页面布局,中间的main代表主页面布局,下面的四个item体现四个页面的recylerView条目,一个detail是体现第二个页面的细节展示(别的页面没有),以第四个页面举例:
上面是个人详情,下面是功能按钮的RecylerView
而item项目则是左边为应用图标,中间为应用名称,最后为进入的箭头
而主页面是如许的:
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[i]);
- map.put("avatar",avtar[i]);
- map.put("username",username[i]);
- 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中看到对应的值:
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页面:
至此,本次开发完成
代码堆栈
android program: 安卓开发作业https://gitee.com/z-y-y12345/android-program
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。 |