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

15、ListView Item设置

程序员文章站 2022-03-11 11:19:58
...
        当然想要ListView显示自定义的布局,显示文字、图片,如下:
15、ListView Item设置
            
    
    博客分类: Code/Android/Dp Notes 安卓学习总结安卓开发安卓实例Dp Notes 
布局什么的都不是很难的,多试试就好。其实是不想多说关于布局什么的。修改item_list.xml如下:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 	xmlns:android="http://schemas.android.com/apk/res/android"
    	android:layout_width="match_parent"
    	android:layout_height="wrap_content"
   	android:paddingLeft="@dimen/padding_s"
    	android:paddingRight="@dimen/padding_s"
    	android:paddingTop="0dp"
    	android:paddingBottom="@dimen/padding_s"
    	android:orientation="vertical" >
    	<RelativeLayout
	    	android:layout_width="match_parent"
	    	android:layout_height="wrap_content"
	    	android:paddingLeft="@dimen/padding_n"
	    	android:paddingRight="@dimen/padding_n"
	    	android:paddingTop="@dimen/padding_ll"
	    	android:paddingBottom="@dimen/padding_s"
	    	android:background="@color/white_dark" >
        	<ImageView
            	android:id="@+id/iv_icon"
            	android:layout_width="@dimen/header_h_2"
	    		android:layout_height="@dimen/header_h_2"
	    		android:layout_alignParentLeft="true"
	    		android:layout_alignParentTop="true"
	    		android:src="@drawable/ic_launcher" />
        	<TextView
            	android:id="@+id/tv_name"
            	android:layout_width="wrap_content"
	    		android:layout_height="@dimen/header_h_2"
	    		android:layout_alignParentTop="true"
	    		android:layout_toRightOf="@+id/iv_icon"
	    		android:layout_marginLeft="@dimen/margin_ss"
	    		android:gravity="center_vertical"
	    		android:textSize="@dimen/text_level2"
	    		android:textColor="@color/text_level2"
	    		android:text="用户名例子"
	    		android:singleLine="true"/>
        	<TextView
            	android:id="@+id/tv_time"
            	android:layout_width="wrap_content"
	    		android:layout_height="@dimen/header_h_2"
	    		android:layout_alignParentTop="true"
	    		android:layout_alignParentRight="true"
	    		android:gravity="center_vertical"
	    		android:textSize="@dimen/text_level3"
	    		android:textColor="@color/text_level3"
	    		android:text="2016-11-12"
	    		android:singleLine="true" />
        	<ImageView
            	android:id="@+id/iv_time"
            	android:layout_width="@dimen/header_h_2"
	    		android:layout_height="@dimen/header_h_2"
	    		android:paddingLeft="@dimen/padding_ss"
	    		android:paddingRight="@dimen/padding_ss"
	    		android:layout_marginRight="0dp"
	    		android:layout_toLeftOf="@+id/tv_time"
	    		android:layout_alignParentTop="true"
	    		android:src="@drawable/time"
	    		android:tint="@color/text_level3" /> 
        	<TextView
            	android:id="@+id/tv_title"
            	android:layout_width="match_parent"
	    		android:layout_height="wrap_content"
	    		android:layout_below="@+id/iv_icon"
	    		android:layout_marginTop="@dimen/margin_ll"
	    		android:layout_marginBottom="@dimen/margin_n"
	    		android:textSize="@dimen/text_level1"
	    		android:textColor="@color/text_level1"
	    		android:text="标题例子,大小如何" /> 
        	<TextView
            	android:id="@+id/tv_data"
            	android:layout_width="match_parent"
	    		android:layout_height="wrap_content"
	    		android:layout_below="@+id/tv_title"
	    		android:layout_marginBottom="@dimen/margin_s"
	    		android:lineSpacingMultiplier="1.14"
	    		android:textSize="@dimen/text_level2"
	    		android:textColor="@color/text_level2"
	    		android:text="内容例子,大小如何。内容例子,大小如何。内容例子,大小如何。内容例子,大小如何。内容例子,大小如何。内容例子,大小如何"
	    		android:visibility="visible" />
	</RelativeLayout>
	<RelativeLayout 
        	android:id="@+id/rl_data"
        	android:layout_width="match_parent"
        	android:layout_height="100dp"
        	android:visibility="visible"
        	android:background="@color/white_dark"> 
    	</RelativeLayout>
	<LinearLayout 
        	android:layout_width="match_parent"
        	android:layout_height="wrap_content"
        	android:padding="@dimen/padding_n"
        	android:background="@color/white_dark">
		<View
	        	android:layout_width="match_parent"
	        	android:layout_height="1dp"
	        	android:background="@color/gray_light"/>
    	</LinearLayout>
    	<TextView
        	android:id="@+id/tv_read"
        	android:layout_width="match_parent"
    		android:layout_height="wrap_content"
    		android:paddingTop="@dimen/padding_s"
    		android:paddingLeft="@dimen/padding_n"
    		android:paddingRight="@dimen/padding_n"
    		android:paddingBottom="@dimen/padding_ll"
    		android:textSize="@dimen/text_level2"
    		android:textColor="@color/text_level3"
    		android:text="2K阅读 • 54回复 • 原创"
    		android:singleLine="true"
    		android:background="@color/white_dark" />
</LinearLayout>

        最上左侧用户头像、用户名,下方标题,下方文本内容,再下方一个布局用于代码动态添加一些图片什么的,再下方是一个浏览统计。
        修改ListAdapter

@Override
public View getView(final int position, View convertView, ViewGroup parent) {
	// TODO Auto-generated method stub
	final Holder holder;
	
	if(convertView==null){
		convertView=activity.getLayoutInflater().inflate(
R.layout.item_list, parent, false);
	
		holder=new Holder();
		convertView.setTag(holder);
	}
	else{
		holder=(Holder)convertView.getTag();
	}
	holder.iv_icon=(ImageView)convertView.findViewById(R.id.iv_icon);
	holder.tv_name=(TextView)convertView.findViewById(R.id.tv_name);
			holder.tv_time=(TextView)convertView.findViewById(R.id.tv_time);
	holder.tv_title=(TextView)convertView.findViewById(R.id.tv_title);
	holder.tv_data=(TextView)convertView.findViewById(R.id.tv_data);
	holder.rl_data=(RelativeLayout)convertView.findViewById(R.id.rl_data);
	holder.tv_read=(TextView)convertView.findViewById(R.id.tv_read);
	
	return convertView;
}

private class Holder{
		
	ImageView iv_icon;
	TextView tv_name;
	TextView tv_time;
	TextView tv_title;
	TextView tv_data;
		
	RelativeLayout rl_data;
	TextView tv_lmgctrl;//先不管他
	TextView tv_gifctrl;//和她
	GifImageView giv_data;//和他
	ProgressBar pb_load;//还有它
		
	TextView tv_read;
}

        运行效果就不贴了,和上图类似,图片是代码动态加上的而已,之后会说。

一往无前——2017/05/19


  • 15、ListView Item设置
            
    
    博客分类: Code/Android/Dp Notes 安卓学习总结安卓开发安卓实例Dp Notes 
  • 大小: 89.5 KB