Sinh Viên IT An Giang: 2016-04-03

1. Code main layout

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"

android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"

android:paddingRight="@dimen/activity_horizontal_margin"

android:paddingTop="@dimen/activity_vertical_margin"

android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">

<ListView

android:id="@+id/listview"

android:layout_width="match_parent"

android:layout_height="match_parent" />

</RelativeLayout>

2. Tạo view item cho listview

<?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:orientation="horizontal">

<LinearLayout

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:orientation="horizontal">

<ImageView

android:id="@+id/img_illustration"

android:layout_width="0dp"

android:layout_height="100dp"

android:layout_weight="2"

android:scaleType="centerCrop"

android:src="@drawable/image" />

<LinearLayout

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_alignParentBottom="true"

android:layout_marginLeft="10dp"

android:layout_weight="4"

android:orientation="vertical">

<TextView

android:id="@+id/txt_title_event"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_weight="5"

android:gravity="center_vertical"

android:text="Xin đừng hái hoa"

android:textColor="@color/colorBlack"

android:textSize="20dp" />

<TextView

android:id="@+id/txt_author"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_alignParentRight="true"

android:layout_weight="1"

android:padding="5dp"

android:text="Hồ Quang Hiếu"

android:textColor="@color/colorBlack" />

<LinearLayout

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_alignParentBottom="true"

android:orientation="horizontal">

<TextView

android:id="@+id/txt_count_view"

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_alignParentRight="true"

android:layout_marginRight="5dp"

android:layout_weight="1"

android:drawableRight="@drawable/ic_visibility_black_24dp"

android:gravity="center_vertical"

android:padding="5dp"

android:text="1000"

android:textColor="@color/colorBlack" />

<TextView

android:id="@+id/txt_count_like"

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_alignParentRight="true"

android:layout_marginRight="5dp"

android:layout_weight="1"

android:drawableRight="@drawable/ic_thumb_up_black_24dp"

android:gravity="center_vertical"

android:padding="5dp"

android:text="1000"

android:textColor="@color/colorBlack" />

<TextView

android:id="@+id/txt_count_dislike"

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_alignParentRight="true"

android:layout_weight="1"

android:drawableRight="@drawable/ic_thumb_down_black_24dp"

android:gravity="center_vertical"

android:padding="5dp"

android:text="1000"

android:textColor="@color/colorBlack" />

</LinearLayout>

<View

android:layout_width="match_parent"

android:layout_height="16dp"/>

</LinearLayout>

3. Tạo Entity để lưu dữ liệu từng dòng listview

package example.android.trinh.lap.customlistview.entities;

/**

* Created by thuynguyen on 1/26/16.

public class Movie {

private String mName;

private String mAuthor;

private String mUrlImage;

private int mCountView;

private int mCountLike;

private int mCountDisLike;

public Movie() {}

public Movie(String name, String author, String urlImage, int countView, int countLike, int countDisLike) {

this.mName = name;

this.mAuthor = author;

this.mUrlImage = urlImage;

this.mCountView = countView;

this.mCountLike = countLike;

this.mCountDisLike = countDisLike;

}

public String getmName() {

return mName;

}

public void setmName(String mName) {

this.mName = mName;

}

public String getmAuthor() {

return mAuthor;

}

public void setmAuthor(String mAuthor) {

this.mAuthor = mAuthor;

}

public String getmUrlImage() {

return mUrlImage;

}

public void setmUrlImage(String mUrlImage) {

this.mUrlImage = mUrlImage;

}

public int getmCountView() {

return mCountView;

}

public void setmCountView(int mCountView) {

this.mCountView = mCountView;

}

public int getmCountLike() {

return mCountLike;

}

public void setmCountLike(int mCountLike) {

this.mCountLike = mCountLike;

}

public int getmCountDisLike() {

return mCountDisLike;

}

public void setmCountDisLike(int mCountDisLike) {

this.mCountDisLike = mCountDisLike;

}

4. Tạo adapter để truyền dữ liệu

package example.android.trinh.lap.customlistview.adapters;

import android.content.Context;

import android.view.LayoutInflater;

import android.view.View;

import android.view.ViewGroup;

import android.widget.BaseAdapter;

import android.widget.ImageView;

import android.widget.TextView;

import com.squareup.picasso.Picasso;

import java.util.ArrayList;

import example.android.trinh.lap.customlistview.R;

import example.android.trinh.lap.customlistview.entities.Movie;

/**

* Created by thuynguyen on 1/26/16.

public class MovieAdapter extends BaseAdapter {

private ArrayList<Movie> mMovieList;

private LayoutInflater mLayoutInflater;

private Context mContext;

public MovieAdapter(Context context, ArrayList<Movie> movies) {

this.mContext = context;

this.mMovieList = movies;

this.mLayoutInflater = (LayoutInflater) mContext.getSystemService(Context.LAYOUT_INFLATER_SERVICE);

}

@Override

public int getCount() {

return mMovieList != null ? mMovieList.size() : 0;

}

@Override

public Object getItem(int position) {

return mMovieList.get(position);

}

@Override

public long getItemId(int position) {

return position;

}

@Override

public View getView(int position, View convertView, ViewGroup parent) {

ViewHolder holder;

if (convertView == null) {

holder = new ViewHolder();

convertView = mLayoutInflater.inflate(R.layout.item_listview, null);

holder.mImage = (ImageView) convertView.findViewById(R.id.img_illustration);

holder.mTitle = (TextView) convertView.findViewById(R.id.txt_title_event);

holder.mAuthor = (TextView) convertView.findViewById(R.id.txt_author);

holder.mCountView = (TextView) convertView.findViewById(R.id.txt_count_view);

holder.mCountLike = (TextView) convertView.findViewById(R.id.txt_count_like);

holder.mCountDisLike = (TextView) convertView.findViewById(R.id.txt_count_dislike);

convertView.setTag(holder);

} else {

holder = (ViewHolder) convertView.getTag();

}

Movie event = (Movie) getItem(position);

Picasso.with(mContext).load(event.getmUrlImage()).into(holder.mImage);

holder.mAuthor.setText(event.getmAuthor());

holder.mTitle.setText(event.getmName());

holder.mCountView.setText(String.valueOf(event.getmCountView()));

holder.mCountLike.setText(String.valueOf(event.getmCountLike()));

holder.mCountDisLike.setText(String.valueOf(event.getmCountDisLike()));

return convertView;

}

public class ViewHolder {

private ImageView mImage;

private TextView mTitle;

private TextView mAuthor;

private TextView mCountView;

private TextView mCountLike;

private TextView mCountDisLike;

}

5. Set adapte trong listview

package example.android.trinh.lap.customlistview.activities;

import android.support.v7.app.AppCompatActivity;

import android.os.Bundle;

import android.widget.ListView;

import java.util.ArrayList;

import example.android.trinh.lap.customlistview.R;

import example.android.trinh.lap.customlistview.adapters.MovieAdapter;

import example.android.trinh.lap.customlistview.entities.Movie;

public class MainActivity extends AppCompatActivity {

private ListView mListView;

private ArrayList<Movie> mMovieList;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

initView();

initData();

setDataListView();

}

private void initView() {

mListView = (ListView) findViewById(R.id.listview);

}

private void initData() {

mMovieList = new ArrayList<>();

mMovieList.add(new Movie("Con Bướm Xuân", "Hồ Quang Hiếu", "http://www.musicmusic.vn/FileClip/Photos/Hoquanghieu-conbuomxuan.jpg", 1245, 1034, 20));

mMovieList.add(new Movie("Chắc ai đó sẽ về", "Sơn Tùng M - TP", "https://i.ytimg.com/vi/H-fI_h_pXw8/maxresdefault.jpg", 1234, 1050, 35));

mMovieList.add(new Movie("Con gái có quyền điệu", "Hari Won", "https://i.ytimg.com/vi/6IhL_-PuDxw/maxresdefault.jpg", 12454, 1040, 23));

mMovieList.add(new Movie("Âm thầm bên em", "Sơn Tùng M - TP", "http://media.doisongphapluat.com/423/2015/8/22/sontung01.PNG", 1245, 105, 56));

mMovieList.add(new Movie("Tìm em", "Hồ Quang Hiếu", "http://image.mp3.zdn.vn/thumb_video/e/9/e907aad8342bfdf25d1a1be89a94aa67_1393816732.jpg", 1245, 1000, 0));

mMovieList.add(new Movie("Buông đôi tay nhau ra", "Sơn Tùng M - TP", "http://xmedia-nguoiduatin.cdn.vccloud.vn/thumb_x500x/2015/12/3/235/buong-doi-tay-nhau-ra-son-tung-4-1449109597.jpg", 3556, 156, 53));

mMovieList.add(new Movie("Con Bướm Xuân", "Hồ Quang Hiếu", "http://img.saobiz.net/d/2015/07/nhung-hinh-anh-dep-cua-ca-si-Ho-Quang-Hieu.jpg", 1745, 1050, 54));

mMovieList.add(new Movie("Con Bướm Xuân", "Hồ Quang Hiếu", "http://img.saobiz.net/d/2015/07/nhung-hinh-anh-dep-cua-ca-si-Ho-Quang-Hieu.jpg", 175, 1000, 65));

mMovieList.add(new Movie("Con Bướm Xuân", "Sơn Tùng M - TP", "http://img.saobiz.net/d/2015/07/nhung-hinh-anh-dep-cua-ca-si-Ho-Quang-Hieu.jpg", 455, 1000, 6));

mMovieList.add(new Movie("Ngã Tư Đường", "Hồ Quang Hiếu", "http://imgs.vietnamnet.vn/Images/2012/05/04/17/20120504170346_7.jpg", 15745, 1030, 0));

mMovieList.add(new Movie("Hết yêu", "Hồ Quang Hiếu", "http://img.saobiz.net/d/2015/07/nhung-hinh-anh-dep-cua-ca-si-Ho-Quang-Hieu.jpg", 12745, 1045, 23));

mMovieList.add(new Movie("Không phải dạng vừa đâu", "Sơn Tùng M - TP", "https://i.ytimg.com/vi/gJkkPK0aXFo/maxresdefault.jpg", 75, 100, 0));

mMovieList.add(new Movie("Con Bướm Xuân", "Hồ Quang Hiếu", "http://img.saobiz.net/d/2015/07/nhung-hinh-anh-dep-cua-ca-si-Ho-Quang-Hieu.jpg", 125, 1000, 89));

mMovieList.add(new Movie("Con Bướm Xuân", "Hồ Quang Hiếu", "http://img.saobiz.net/d/2015/07/nhung-hinh-anh-dep-cua-ca-si-Ho-Quang-Hieu.jpg", 1677, 109, 78));

mMovieList.add(new Movie("Con Bướm Xuân", "Hồ Quang Hiếu", "http://img.saobiz.net/d/2015/07/nhung-hinh-anh-dep-cua-ca-si-Ho-Quang-Hieu.jpg", 1245, 60, 89));

mMovieList.add(new Movie("Con Bướm Xuân", "Hồ Quang Hiếu", "http://img.saobiz.net/d/2015/07/nhung-hinh-anh-dep-cua-ca-si-Ho-Quang-Hieu.jpg", 1245, 103, 34));

mMovieList.add(new Movie("Con Bướm Xuân", "Hồ Quang Hiếu", "http://img.saobiz.net/d/2015/07/nhung-hinh-anh-dep-cua-ca-si-Ho-Quang-Hieu.jpg", 1245, 1005, 90));

mMovieList.add(new Movie("Con Bướm Xuân", "Hồ Quang Hiếu", "http://img.saobiz.net/d/2015/07/nhung-hinh-anh-dep-cua-ca-si-Ho-Quang-Hieu.jpg", 1245, 106, 34));

mMovieList.add(new Movie("Con Bướm Xuân", "Hồ Quang Hiếu", "http://img.saobiz.net/d/2015/07/nhung-hinh-anh-dep-cua-ca-si-Ho-Quang-Hieu.jpg", 1245, 106, 90));

}

private void setDataListView() {

MovieAdapter movieAdapter = new MovieAdapter(this, mMovieList);

mListView.setAdapter(movieAdapter);

}

Sinh Viên IT An Giang

8 tháng 4, 2016

Custom listview & imageview & textview & picasa - tùy chỉnh listview android 2

NỘI DUNG TRANG BLOG

THÔNG TIN LIÊN HỆ & LỜI NHẮN