Android动态加载布局

版权声明:本文为博主原创文章,转载请标明出处。 https://blog.csdn.net/lyhhj/article/details/48351659

最近一直比较忙,博客没及时写。最近项目中用到了动态加载布局,今天闲下来记录一下自己的学习经历吧。

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

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

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

第一种方案:我们可以用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);
                    }

                }

这段代码就全都包括了,其中一些里面的参数是服务器返回来的,都是真实数据。这样就可以点击头像跳转了。

那么最后看一下我自己实现的界面是不是和京东的一样呢?

怎么样是不是差不多?

对于这个圆形的头像是重写的一个RoundImageView,我之前的帖子也有介绍过,感兴趣的小伙伴可以看一下 Android 自定义上面圆角下面直角的ImageView 里面也有一些相关的介绍,请大家多多关注,以后还会继续维护我的博客,一些好的东西会拿出来跟大家分享,也希望各位多多指正不足之处共同学习,共同进步。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Android干货

安卓开发_慕课网_百度地图_实现模式转换

43180
来自专栏向治洪

开源库BaseRecyclerViewAdapterHelper

相信大家RecyclerView应该不会陌生,大多数开发者应该都使用上它了,它也是google推荐替换ListView的控件,但是用过它的同学应该都知道它在某些...

33270
来自专栏james大数据架构

activity结束之后刷新之前的activity的内容

点击添加按钮之后-----弹出一个新的activity--------在新的activity将数据输入保存之后,关闭当前的activity回到之前的activi...

19560
来自专栏7号代码

Android应用界面开发——简单控件和Activity间传递数据

要想开发一个Android App,开发环境是必不可少的,所以学习之前应该先搭建环境,环境如下:

37830
来自专栏Android中高级开发

Android开发之漫漫长途 Ⅱ——Activity的显示之Window和View(1)

该文章是一个系列文章,是本人在Android开发的漫漫长途上的一点感想和记录,我会尽量按照先易后难的顺序进行编写该系列。该系列引用了《Android开发艺术探索...

8020
来自专栏上善若水

030android初级篇之android应用的启动界面

应用启动界面,显示产品LOGO,公司Logo或者开发者信息等,同时如果准备的工作较多,可以在显示启动界面的同时后台进行准备工作,提高用户体验。

9530
来自专栏游戏杂谈

Android调用浏览器打开网址遇到的问题

我自己的手机(一加一代,升级了氢OS),然后在点击游戏内一个“隐私政策”-- 需要打开一个网页,然后就crash了。出错的信息如下:

37610
来自专栏封碎

让自己的Android应用支持appwidget 博客分类: Android AndroidOSAccessUP

经常看到一些教程教你如何写appwidget,但是,你知道你的appwidget是如何被添加到桌面上的吗? 一般的,如果是做桌面的童鞋,基本上都会让自己的...

16230
来自专栏小巫技术博客

Android技巧一:启动屏+功能引导页

18520
来自专栏编程之路

羊皮书APP(Android版)开发系列(五)APP引导页实现

14250

扫码关注云+社区

领取腾讯云代金券