欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

Android动态加载布局

程序员文章站 2024-02-22 10:33:58
listview我们一直都在用,只不过当adapter中的内容比较多的时候我们有时候没办法去设置一些组件,举个例子: 可以看到京东的故事里面的这样一个布局,这个布局可...

listview我们一直都在用,只不过当adapter中的内容比较多的时候我们有时候没办法去设置一些组件,举个例子:

Android动态加载布局

可以看到京东的故事里面的这样一个布局,这个布局可以说是我目前见到的内容比较多的了,它的每一项都包含头像、姓名、分类、内容、图片、喜欢、评论、分享以及喜欢的头像。分析了一下布局之后我们不难发现,除了喜欢头像这部分,其余的都很好实现。

那么下面着重说一下这个头像这部分怎么实现?

第一种方案:我们可以用gridview来实现,gridview和listview的用法是一样的,俗称九宫格排列,那么我们可以将gridview的一行排列九张图片来显示这些头像,只不过listview嵌套着gridview稍微的有些麻烦,自己做了一个,感觉不太好用,有想要listview嵌套gridview的可以私密我。

第二种方案:就是本篇文章所讲的动态加载布局了:

很简单,我们在listview中定义一个linerlayout线性布局,用来存放这些头像,先看一下布局吧:

<?xml version="1.0" encoding="utf-8"?> 
<linearlayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:orientation="vertical" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 
 
 <linearlayout 
   android:padding="@dimen/small_space" 
   android:orientation="horizontal" 
   android:layout_width="match_parent" 
   android:layout_height="wrap_content"> 
 
  <com.view.roundedimageview 
    android:id="@+id/iv_myspace_usericon" 
    android:src="@drawable/usericon" 
    android:layout_width="50dp" 
    android:layout_height="50dp"/> 
  <textview 
    android:id="@+id/tv_myspace_username" 
    android:layout_marginleft="@dimen/middle_space" 
    android:layout_gravity="center_vertical" 
    android:text="王某某" 
    android:textsize="@dimen/small_textsize" 
    android:layout_weight="1" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content"/> 
  <textview 
    android:id="@+id/tv_myspace_time" 
    android:textcolor="@color/normal_bar_futext_color" 
    android:textsize="@dimen/smallest_textsize" 
    android:layout_gravity="center_vertical" 
    android:text="2015-8-26 17.46" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content"/> 
 
 </linearlayout> 
 <textview 
   android:id="@+id/tv_myspace_content" 
   android:paddingright="@dimen/middle_space" 
   android:paddingleft="@dimen/middle_space" 
   android:paddingbottom="@dimen/middle_space" 
   android:text="受到了房间啊了会计分录会计法舰队司令减肥;立刻受到杰弗里斯到付款;老是觉得烦;老卡机的说法;就是看到的就发了卡就" 
   android:layout_width="match_parent" 
   android:layout_height="wrap_content"/> 
 <imageview 
   android:id="@+id/iv_myspace_image" 
   android:scaletype="fitxy" 
   android:src="@drawable/moren" 
   android:paddingright="@dimen/middle_space" 
   android:paddingleft="@dimen/middle_space" 
   android:layout_width="match_parent" 
   android:layout_height="140dp"/> 
 <linearlayout 
   android:id="@+id/ll_myspace_reply_icons" 
   android:paddingtop="@dimen/small_space" 
   android:paddingright="@dimen/middle_space" 
   android:paddingleft="@dimen/middle_space" 
   android:orientation="horizontal" 
   android:layout_width="match_parent" 
   android:layout_height="wrap_content"> 
 </linearlayout> 
 <linearlayout 
   android:layout_margintop="@dimen/small_space" 
   android:paddingright="@dimen/middle_space" 
   android:paddingleft="@dimen/middle_space" 
   android:orientation="horizontal" 
   android:layout_width="match_parent" 
   android:layout_height="wrap_content"> 
  <imageview 
    android:id="@+id/iv_myspace_like" 
    android:src="@drawable/zan_icon" 
    android:layout_width="20dp" 
    android:layout_height="20dp"/> 
   <imageview 
     android:visibility="gone" 
     android:id="@+id/iv_myspace_liked" 
     android:src="@drawable/wozaixianchang_dianzanxi" 
     android:layout_width="20dp" 
     android:layout_height="20dp"/> 
  <textview 
    android:id="@+id/tv_myspace_zan_count" 
    android:layout_gravity="center_vertical" 
    android:text="0" 
    android:textcolor="@color/normal_bar_futext_color" 
    android:layout_marginleft="@dimen/small_space" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content"/> 
  <imageview 
    android:id="@+id/iv_myspace_comment" 
    android:layout_marginleft="@dimen/middle_space" 
    android:src="@drawable/pinglun_icon" 
    android:layout_width="20dp" 
    android:layout_height="20dp"/> 
  <textview 
    android:id="@+id/tv_myspace_pinglun_count" 
    android:layout_gravity="center_vertical" 
    android:text="0" 
    android:textcolor="@color/normal_bar_futext_color" 
    android:layout_marginleft="@dimen/small_space" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content"/> 
 
 </linearlayout> 
 
</linearlayout> 


<linearlayout 
   android:id="@+id/ll_myspace_reply_icons" 
   android:paddingtop="@dimen/small_space" 
   android:paddingright="@dimen/middle_space" 
   android:paddingleft="@dimen/middle_space" 
   android:orientation="horizontal" 
   android:layout_width="match_parent" 
   android:layout_height="wrap_content"> 
 </linearlayout> 

上面的linearlayout就是放这些头像的,其他的就不多说了,下面我们看看怎么来给我们的adapter里面加这些头像

linearlayout.layoutparams params = new linearlayout.layoutparams(100, 100); 
     params.setmargins(8, 0, 8, 0); 
     roundedimageview.setlayoutparams(params); 
     roundedimageview.setscaletype(imageview.scaletype.fit_xy); 
     if (!"".equals(replyurl.get(m)) && replyurl.get(m) != null) { 
      imageloader.getinstance().displayimage(replyurl.get(m), roundedimageview); 
     } else { 
      roundedimageview.setimagedrawable(context.getresources().getdrawable(r.drawable.usericon)); 
     } 
     if (m == count) { 
      roundedimageview.setimagedrawable(context.getresources().getdrawable(r.drawable.wozaixianchangxiangqing_shenglve)); 
     } else { 
      holder.llreplyicons.addview(roundedimageview); 
     } 

我们先定义一个layoutparams,设置头像图片的一些属性,包括大小,margins以及scaletype等,然后给它设置到我们的imageview中,最后holder.llreplyicons.addview(roundedimageview);  添加子布局就ok了。京东这个是固定了头像的个数,而我写的则是根据手机屏幕的宽度添加头像:

windowmanager wm = (windowmanager) context.getsystemservice(context.window_service); 
  int width = wm.getdefaultdisplay().getwidth(); 
  int count = width / 116; 

count就是可以添加的头像,当view中的i等于我们的count的时候,我们可以用最后的省略号的图片来显示。
之前在群里有人问我这个头像点击跳转到个人主页怎么实现的,想了一下,是不是可以用手机触摸的坐标来算一下坐标位于第几个头像之间,觉得那样比较麻烦。我们可以在添加子布局头像的时候,就给这个子布局设置点击事件,就可以了,看一下代码:

for (int m = 0; m < replyurl.size(); m++) { 
     roundedimageview roundedimageview = new roundedimageview(context); 
     final int finalm = m; 
     roundedimageview.setonclicklistener(new view.onclicklistener() { 
      @override 
      public void onclick(view view) { 
       if (story.getreply_user_id().get(finalm) != null) { 
        intent intent = new intent(context, mystoryactivity.class); 
        intent.putextra("userid", story.getreply_user_id().get(finalm)); 
        intent.putextra("user_iconurl", story.getreply_user_icon_url().get(finalm)); 
        intent.putextra("username", story.getreply_user_name().get(finalm)); 
        intent.putextra("flag", "others"); 
        context.startactivity(intent); 
       } else { 
        intent intent = new intent(context, storyfavoriteacitvity.class); 
        intent.putextra("storyid", story.getid()); 
        context.startactivity(intent); 
       } 
 
      } 
     }); 
     linearlayout.layoutparams params = new linearlayout.layoutparams(100, 100); 
     params.setmargins(8, 0, 8, 0); 
     roundedimageview.setlayoutparams(params); 
     roundedimageview.setscaletype(imageview.scaletype.fit_xy); 
     if (!"".equals(replyurl.get(m)) && replyurl.get(m) != null) { 
      imageloader.getinstance().displayimage(replyurl.get(m), roundedimageview); 
     } else { 
      roundedimageview.setimagedrawable(context.getresources().getdrawable(r.drawable.usericon)); 
     } 
     if (m == count) { 
      roundedimageview.setimagedrawable(context.getresources().getdrawable(r.drawable.wozaixianchangxiangqing_shenglve)); 
     } else { 
      holder.llreplyicons.addview(roundedimageview); 
     } 
 
    } 

这段代码就全都包括了,其中一些里面的参数是服务器返回来的,都是真实数据。这样就可以点击头像跳转了。
那么最后看一下我自己实现的界面是不是和京东的一样呢?

Android动态加载布局

怎么样是不是差不多?