如何加载自定义的ListView动态图像 [英] How to load dynamic images in custom ListView
问题描述
如何在自定义加载动态图像的ListView
二本教程显示的ListView水平的 http://www.dev-smart.com/archives/34 但问题是,这个例子中使用相同的样品图标,但我想用动态图像,我得到从资源或网页解析
HorizontalListViewDemo.java:
公共类HorizontalListViewDemo延伸活动{ @覆盖
保护无效的onCreate(捆绑savedInstanceState){
super.onCreate(savedInstanceState); 的setContentView(R.layout.listviewdemo); HorizontialListView的ListView =(HorizontialListView)findViewById(R.id.listview);
listview.setAdapter(mAdapter);
} 私有静态的String [] =数据对象新的String [] {文本#1,
文本#2,
文本#3}; 私人BaseAdapter mAdapter =新BaseAdapter(){ @覆盖
公众诠释的getCount(){
返回dataObjects.length;
} @覆盖
公共对象的getItem(INT位置){
返回null;
} @覆盖
众长getItemId(INT位置){
返回0;
} @覆盖
公共查看getView(INT位置,查看convertView,父母的ViewGroup){
查看RETVAL =
LayoutInflater.from(parent.getContext())膨胀(R.layout.viewitem,NULL);
TextView的标题=(TextView中)retval.findViewById(R.id.title);
title.setText(数据对象[位置]); 返回RETVAL;
} };}
布局文件:
< LinearLayout中的xmlns:机器人=http://schemas.android.com/apk/res
/ Android的机器人:方向=垂直
机器人:layout_width =FILL_PARENT
机器人:layout_height =FILL_PARENT
机器人:背景=#FFF> < com.devsmart.android.ui.horizontiallistview机器人:ID =@ + ID /列表视图
机器人:layout_width =FILL_PARENT
机器人:layout_height =WRAP_CONTENT
机器人:背景=#DDD> < /com.devsmart.android.ui.horizontiallistview>
< / LinearLayout中> < LinearLayout中的xmlns:机器人=http://schemas.android.com
/ APK / RES / Android的机器人:方向=垂直
机器人:layout_width =WRAP_CONTENT
机器人:layout_height =WRAP_CONTENT机器人:背景=#FFF> < ImageView的机器人:ID =@ + ID /图像
机器人:layout_width =150dip
机器人:layout_height =150dip
机器人:scaletype =centerCrop
机器人:SRC =@绘制/图标> < TextView的机器人:ID =@ + ID /标题
机器人:layout_width =FILL_PARENT
机器人:layout_height =WRAP_CONTENT
机器人:文本颜色=#000
机器人:重力=CENTER_HORIZONTAL> < / TextView的>< / ImageView的>< / LinearLayout中>
HorizontalListView.java
公共类HorizontalListView扩展
适配器视图< ListAdapter> {公共布尔mAlwaysOverrideTouch = TRUE;
保护ListAdapter mAdapter;
私人INT mLeftViewIndex = -1;
私人INT mRightViewIndex = 0;
保护INT mCurrentX;
保护INT mNextX;
私人INT mMaxX = Integer.MAX_VALUE的;
私人INT mDisplayOffset = 0;
保护滚轮mScroller;
私人GestureDetector mGesture;
专用队列<视图> mRemovedViewQueue =新的LinkedList<视图>();
私人OnItemSelectedListener mOnItemSelected;
私人OnItemClickListener mOnItemClicked;
私人OnItemLongClickListener mOnItemLongClicked;
私人布尔mDataChanged = FALSE;
公共HorizontalListView(上下文的背景下,ATTRS的AttributeSet){
超(背景下,ATTRS);
initView();
}私人同步无效initView(){
mLeftViewIndex = -1;
mRightViewIndex = 0;
mDisplayOffset = 0;
mCurrentX = 0;
mNextX = 0;
mMaxX = Integer.MAX_VALUE的;
mScroller =新的滚轮(的getContext());
mGesture =新GestureDetector(的getContext(),mOnGesture);
}@覆盖
公共无效setOnItemSelectedListener(AdapterView.OnItemSelectedListener 听众){
mOnItemSelected =侦听器;
}@覆盖
公共无效setOnItemClickListener(AdapterView.OnItemClickListener监听){
mOnItemClicked =侦听器;
}@覆盖
公共无效setOnItemLongClickListener(AdapterView.OnItemLongClickListener
听众){
mOnItemLongClicked =侦听器;
}私人DataSetObserver mDataObserver =新DataSetObserver(){ @覆盖
公共无效调用onChanged(){
同步(HorizontalListView.this){
mDataChanged = TRUE;
}
无效();
requestLayout();
} @覆盖
公共无效onInvalidated(){
重置();
无效();
requestLayout();
}};@覆盖
公共ListAdapter getAdapter(){
返回mAdapter;
}@覆盖
公共查看getSelectedView(){
// TODO:实施
返回null;
}@覆盖
公共无效setAdapter(ListAdapter适配器){
如果(mAdapter!= NULL){
mAdapter.unregisterDataSetObserver(mDataObserver);
}
mAdapter =适配器;
mAdapter.registerDataSetObserver(mDataObserver);
重置();
}私人无效同步复位(){
initView();
removeAllViewsInLayout();
requestLayout();
}@覆盖
公共无效setSelection(INT位置){
// TODO:实施
}私人无效addAndMeasureChild(最后查看的孩子,诠释viewPos){
的LayoutParams PARAMS = child.getLayoutParams();
如果(PARAMS == NULL){
PARAMS =新的LayoutParams(LayoutParams.FILL_PARENT,
LayoutParams.FILL_PARENT);
} addViewInLayout(儿童,viewPos,则params,真实);
child.measure(MeasureSpec.makeMeasureSpec(的getWidth(),MeasureSpec.AT_MOST),
MeasureSpec.makeMeasureSpec(的getHeight(),
MeasureSpec.AT_MOST));
}@覆盖
保护同步无效onLayout(布尔变化,诠释左,诠释顶部,INT
右,底部INT){
super.onLayout(改,左,上,右,下); 如果(mAdapter == NULL){
返回;
} 如果(mDataChanged){
INT oldCurrentX = mCurrentX;
initView();
removeAllViewsInLayout();
mNextX = oldCurrentX;
mDataChanged = FALSE;
} 如果(mScroller.computeScrollOffset()){
INT scrollx = mScroller.getCurrX();
mNextX = scrollx;
} 如果(mNextX&下; = 0){
mNextX = 0;
mScroller.forceFinished(真);
}
如果(mNextX> = mMaxX){
mNextX = mMaxX;
mScroller.forceFinished(真);
} INT DX = mCurrentX - mNextX; removeNonVisibleItems(DX);
fillList(DX);
positionItems(DX); mCurrentX = mNextX; 如果(!mScroller.isFinished()){
后(新的Runnable(){
@覆盖
公共无效的run(){
requestLayout();
}
}); }
}私人无效fillList(最终诠释DX){
INT边缘= 0;
查看儿童= getChildAt(getChildCount() - 1);
如果(孩子!= NULL){
边= child.getRight();
}
fillListRight(边缘,DX); 边= 0;
子= getChildAt(0);
如果(孩子!= NULL){
边= child.getLeft();
}
fillListLeft(边缘,DX);
} 私人无效fillListRight(INT rightEdge,最终诠释DX){
而(rightEdge + DX&下;的getWidth()及&放大器; mRightViewIndex&下;
mAdapter.getCount()){ 查看孩子= mAdapter.getView(mRightViewIndex,
mRemovedViewQueue.poll(),这一点);
addAndMeasureChild(子,-1);
rightEdge + = child.getMeasuredWidth(); 如果(mRightViewIndex == mAdapter.getCount() - 1){
mMaxX = mCurrentX + rightEdge - 的getWidth();
} 如果(mMaxX℃,){
mMaxX = 0;
}
mRightViewIndex ++;
}} 私人无效fillListLeft(INT leftEdge,最终诠释DX){
而(leftEdge + DX大于0&放大器;&放大器; mLeftViewIndex> = 0){
查看孩子= mAdapter.getView(mLeftViewIndex,
mRemovedViewQueue.poll(),这一点);
addAndMeasureChild(子,0);
leftEdge - = child.getMeasuredWidth();
mLeftViewIndex--;
mDisplayOffset - = child.getMeasuredWidth();
}
}私人无效removeNonVisibleItems(最终诠释DX){
查看儿童= getChildAt(0);
而(孩子= NULL&放大器;!&安培; child.getRight()+ DX< = 0){
mDisplayOffset + = child.getMeasuredWidth();
mRemovedViewQueue.offer(小孩);
removeViewInLayout(小孩);
mLeftViewIndex ++;
子= getChildAt(0); } 子= getChildAt(getChildCount() - 1);
而(孩子= NULL&放大器;!&安培; child.getLeft()+ DX> =的getWidth()){
mRemovedViewQueue.offer(小孩);
removeViewInLayout(小孩);
mRightViewIndex--;
子= getChildAt(getChildCount() - 1);
}
}私人无效positionItems(最终诠释DX){
如果(getChildCount()大于0){
mDisplayOffset + = DX;
INT左= mDisplayOffset;
的for(int i = 0; I< getChildCount();我++){
查看儿童= getChildAt(I)
INT childWidth = child.getMeasuredWidth();
child.layout(左,0,左+ childWidth,
child.getMeasuredHeight());
左+ = childWidth + child.getPaddingRight();
}
}
}公共同步无效scrollTo(INT X){
mScroller.startScroll(mNextX,0,X - mNextX,0);
requestLayout();
}@覆盖
公共布尔dispatchTouchEvent(MotionEvent EV){
布尔处理= super.dispatchTouchEvent(EV);
办理| = mGesture.onTouchEvent(EV);
返回处理;
}保护布尔onFling(MotionEvent E1,E2 MotionEvent,浮动velocityX,
浮动velocityY){
同步(HorizontalListView.this){
mScroller.fling(mNextX,0,(INT)-velocityX,0,0,mMaxX,0,0);
}
requestLayout(); 返回true;
}保护布尔onDown(MotionEvent五){
mScroller.forceFinished(真);
返回true;
}私人OnGestureListener mOnGesture =新
GestureDetector.SimpleOnGestureListener(){ @覆盖
公共布尔onDown(MotionEvent五){
返回HorizontalListView.this.onDown(E);
} @覆盖
公共布尔onFling(MotionEvent E1,E2 MotionEvent,浮velocityX,
浮动velocityY){
返回HorizontalListView.this.onFling(E1,E2,velocityX,
velocityY);
} @覆盖
公共布尔onScroll(MotionEvent E1,E2 MotionEvent,
浮distanceX,浮distanceY){ 同步(HorizontalListView.this){
mNextX + =(INT)distanceX;
}
requestLayout(); 返回true;
} @覆盖
公共布尔onSingleTapConfirmed(MotionEvent五){
的for(int i = 0; I< getChildCount();我++){
查看儿童= getChildAt(I)
如果(isEventWithinView(即儿童)){
如果(mOnItemClicked!= NULL){ mOnItemClicked.onItemClick(HorizontalListView.this,儿童,mLeftViewIndex + 1 +
我,mAdapter.getItemId(mLeftViewIndex + 1 + i)条);
}
如果(mOnItemSelected!= NULL){ mOnItemSelected.onItemSelected(HorizontalListView.this,孩子,mLeftViewIndex +
1 + I,mAdapter.getItemId(mLeftViewIndex + 1 + i)条);
}
打破;
} }
返回true;
} @覆盖
公共无效onLong preSS(MotionEvent五){
INT childCount = getChildCount();
的for(int i = 0; I< childCount;我++){
查看儿童= getChildAt(I)
如果(isEventWithinView(即儿童)){
如果(mOnItemLongClicked!= NULL){ mOnItemLongClicked.onItemLongClick(HorizontalListView.this,孩子,mLeftViewIndex +
1 + I,mAdapter.getItemId(mLeftViewIndex + 1 + i)条);
}
打破;
} }
} 私人布尔isEventWithinView(MotionEvent E,查看孩子){
矩形viewRect =新的矩形();
INT [] childPosition =新INT [2];
child.getLocationOnScreen(childPosition);
INT左= childPosition [0];
INT右=左+ child.getWidth();
INT顶端= childPosition [1];
INT底部=顶部+ child.getHeight();
viewRect.set(左,上,右,下);
返回viewRect.contains((int)的e.getRawX(),(INT)e.getRawY());
}
};}
看看下面的链接。有人已经写过库吧。
我用这库在我最近的项目,它完美地工作。
希望这会有所帮助。
How to load dynamic images in custom ListView
iI follow this tutorial to show ListView in horizontal http://www.dev-smart.com/archives/34 but the problem is this example used same sample icon,but I want to use dynamic images which I get from resource or web parsing
HorizontalListViewDemo.java :
public class HorizontalListViewDemo extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.listviewdemo);
HorizontialListView listview = (HorizontialListView) findViewById(R.id.listview);
listview.setAdapter(mAdapter);
}
private static String[] dataObjects = new String[]{ "Text #1",
"Text #2",
"Text #3" };
private BaseAdapter mAdapter = new BaseAdapter() {
@Override
public int getCount() {
return dataObjects.length;
}
@Override
public Object getItem(int position) {
return null;
}
@Override
public long getItemId(int position) {
return 0;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
View retval =
LayoutInflater.from(parent.getContext()).inflate(R.layout.viewitem, null);
TextView title = (TextView) retval.findViewById(R.id.title);
title.setText(dataObjects[position]);
return retval;
}
};
}
Layout file :
<linearlayout xmlns:android="http://schemas.android.com/apk/res
/android" android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="#fff">
<com.devsmart.android.ui.horizontiallistview android:id="@+id/listview"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="#ddd">
</com.devsmart.android.ui.horizontiallistview>
</linearlayout>
<linearlayout xmlns:android="http://schemas.android.com
/apk/res/android" android:orientation="vertical"
android:layout_width="wrap_content"
android:layout_height="wrap_content" android:background="#fff">
<imageview android:id="@+id/image"
android:layout_width="150dip"
android:layout_height="150dip"
android:scaletype="centerCrop"
android:src="@drawable/icon">
<textview android:id="@+id/title"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:textcolor="#000"
android:gravity="center_horizontal">
</textview></imageview></linearlayout>
HorizontalListView.java
public class HorizontalListView extends
AdapterView<ListAdapter> {
public boolean mAlwaysOverrideTouch = true;
protected ListAdapter mAdapter;
private int mLeftViewIndex = -1;
private int mRightViewIndex = 0;
protected int mCurrentX;
protected int mNextX;
private int mMaxX = Integer.MAX_VALUE;
private int mDisplayOffset = 0;
protected Scroller mScroller;
private GestureDetector mGesture;
private Queue<View> mRemovedViewQueue = new LinkedList<View>();
private OnItemSelectedListener mOnItemSelected;
private OnItemClickListener mOnItemClicked;
private OnItemLongClickListener mOnItemLongClicked;
private boolean mDataChanged = false;
public HorizontalListView(Context context, AttributeSet attrs) {
super(context, attrs);
initView();
}
private synchronized void initView() {
mLeftViewIndex = -1;
mRightViewIndex = 0;
mDisplayOffset = 0;
mCurrentX = 0;
mNextX = 0;
mMaxX = Integer.MAX_VALUE;
mScroller = new Scroller(getContext());
mGesture = new GestureDetector(getContext(), mOnGesture);
}
@Override
public void setOnItemSelectedListener(AdapterView.OnItemSelectedListener
listener) {
mOnItemSelected = listener;
}
@Override
public void setOnItemClickListener(AdapterView.OnItemClickListener listener){
mOnItemClicked = listener;
}
@Override
public void setOnItemLongClickListener(AdapterView.OnItemLongClickListener
listener) {
mOnItemLongClicked = listener;
}
private DataSetObserver mDataObserver = new DataSetObserver() {
@Override
public void onChanged() {
synchronized(HorizontalListView.this){
mDataChanged = true;
}
invalidate();
requestLayout();
}
@Override
public void onInvalidated() {
reset();
invalidate();
requestLayout();
}
};
@Override
public ListAdapter getAdapter() {
return mAdapter;
}
@Override
public View getSelectedView() {
//TODO: implement
return null;
}
@Override
public void setAdapter(ListAdapter adapter) {
if(mAdapter != null) {
mAdapter.unregisterDataSetObserver(mDataObserver);
}
mAdapter = adapter;
mAdapter.registerDataSetObserver(mDataObserver);
reset();
}
private synchronized void reset(){
initView();
removeAllViewsInLayout();
requestLayout();
}
@Override
public void setSelection(int position) {
//TODO: implement
}
private void addAndMeasureChild(final View child, int viewPos) {
LayoutParams params = child.getLayoutParams();
if(params == null) {
params = new LayoutParams(LayoutParams.FILL_PARENT,
LayoutParams.FILL_PARENT);
}
addViewInLayout(child, viewPos, params, true);
child.measure(MeasureSpec.makeMeasureSpec(getWidth(), MeasureSpec.AT_MOST),
MeasureSpec.makeMeasureSpec(getHeight(),
MeasureSpec.AT_MOST));
}
@Override
protected synchronized void onLayout(boolean changed, int left, int top, int
right, int bottom) {
super.onLayout(changed, left, top, right, bottom);
if(mAdapter == null){
return;
}
if(mDataChanged){
int oldCurrentX = mCurrentX;
initView();
removeAllViewsInLayout();
mNextX = oldCurrentX;
mDataChanged = false;
}
if(mScroller.computeScrollOffset()){
int scrollx = mScroller.getCurrX();
mNextX = scrollx;
}
if(mNextX <= 0){
mNextX = 0;
mScroller.forceFinished(true);
}
if(mNextX >= mMaxX) {
mNextX = mMaxX;
mScroller.forceFinished(true);
}
int dx = mCurrentX - mNextX;
removeNonVisibleItems(dx);
fillList(dx);
positionItems(dx);
mCurrentX = mNextX;
if(!mScroller.isFinished()){
post(new Runnable(){
@Override
public void run() {
requestLayout();
}
});
}
}
private void fillList(final int dx) {
int edge = 0;
View child = getChildAt(getChildCount()-1);
if(child != null) {
edge = child.getRight();
}
fillListRight(edge, dx);
edge = 0;
child = getChildAt(0);
if(child != null) {
edge = child.getLeft();
}
fillListLeft(edge, dx);
}
private void fillListRight(int rightEdge, final int dx) {
while(rightEdge + dx < getWidth() && mRightViewIndex <
mAdapter.getCount()) {
View child = mAdapter.getView(mRightViewIndex,
mRemovedViewQueue.poll(), this);
addAndMeasureChild(child, -1);
rightEdge += child.getMeasuredWidth();
if(mRightViewIndex == mAdapter.getCount()-1) {
mMaxX = mCurrentX + rightEdge - getWidth();
}
if (mMaxX < 0) {
mMaxX = 0;
}
mRightViewIndex++;
}
}
private void fillListLeft(int leftEdge, final int dx) {
while(leftEdge + dx > 0 && mLeftViewIndex >= 0) {
View child = mAdapter.getView(mLeftViewIndex,
mRemovedViewQueue.poll(), this);
addAndMeasureChild(child, 0);
leftEdge -= child.getMeasuredWidth();
mLeftViewIndex--;
mDisplayOffset -= child.getMeasuredWidth();
}
}
private void removeNonVisibleItems(final int dx) {
View child = getChildAt(0);
while(child != null && child.getRight() + dx <= 0) {
mDisplayOffset += child.getMeasuredWidth();
mRemovedViewQueue.offer(child);
removeViewInLayout(child);
mLeftViewIndex++;
child = getChildAt(0);
}
child = getChildAt(getChildCount()-1);
while(child != null && child.getLeft() + dx >= getWidth()) {
mRemovedViewQueue.offer(child);
removeViewInLayout(child);
mRightViewIndex--;
child = getChildAt(getChildCount()-1);
}
}
private void positionItems(final int dx) {
if(getChildCount() > 0){
mDisplayOffset += dx;
int left = mDisplayOffset;
for(int i=0;i<getChildCount();i++){
View child = getChildAt(i);
int childWidth = child.getMeasuredWidth();
child.layout(left, 0, left + childWidth,
child.getMeasuredHeight());
left += childWidth + child.getPaddingRight();
}
}
}
public synchronized void scrollTo(int x) {
mScroller.startScroll(mNextX, 0, x - mNextX, 0);
requestLayout();
}
@Override
public boolean dispatchTouchEvent(MotionEvent ev) {
boolean handled = super.dispatchTouchEvent(ev);
handled |= mGesture.onTouchEvent(ev);
return handled;
}
protected boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
float velocityY) {
synchronized(HorizontalListView.this){
mScroller.fling(mNextX, 0, (int)-velocityX, 0, 0, mMaxX, 0, 0);
}
requestLayout();
return true;
}
protected boolean onDown(MotionEvent e) {
mScroller.forceFinished(true);
return true;
}
private OnGestureListener mOnGesture = new
GestureDetector.SimpleOnGestureListener() {
@Override
public boolean onDown(MotionEvent e) {
return HorizontalListView.this.onDown(e);
}
@Override
public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
float velocityY) {
return HorizontalListView.this.onFling(e1, e2, velocityX,
velocityY);
}
@Override
public boolean onScroll(MotionEvent e1, MotionEvent e2,
float distanceX, float distanceY) {
synchronized(HorizontalListView.this){
mNextX += (int)distanceX;
}
requestLayout();
return true;
}
@Override
public boolean onSingleTapConfirmed(MotionEvent e) {
for(int i=0;i<getChildCount();i++){
View child = getChildAt(i);
if (isEventWithinView(e, child)) {
if(mOnItemClicked != null){
mOnItemClicked.onItemClick(HorizontalListView.this, child, mLeftViewIndex + 1 +
i, mAdapter.getItemId( mLeftViewIndex + 1 + i ));
}
if(mOnItemSelected != null){
mOnItemSelected.onItemSelected(HorizontalListView.this, child, mLeftViewIndex +
1 + i, mAdapter.getItemId( mLeftViewIndex + 1 + i ));
}
break;
}
}
return true;
}
@Override
public void onLongPress(MotionEvent e) {
int childCount = getChildCount();
for (int i = 0; i < childCount; i++) {
View child = getChildAt(i);
if (isEventWithinView(e, child)) {
if (mOnItemLongClicked != null) {
mOnItemLongClicked.onItemLongClick(HorizontalListView.this, child, mLeftViewIndex +
1 + i, mAdapter.getItemId(mLeftViewIndex + 1 + i));
}
break;
}
}
}
private boolean isEventWithinView(MotionEvent e, View child) {
Rect viewRect = new Rect();
int[] childPosition = new int[2];
child.getLocationOnScreen(childPosition);
int left = childPosition[0];
int right = left + child.getWidth();
int top = childPosition[1];
int bottom = top + child.getHeight();
viewRect.set(left, top, right, bottom);
return viewRect.contains((int) e.getRawX(), (int) e.getRawY());
}
};
}
Take a look at the link below. Someone already have written a library for it.
Android Universal Image Loader
I used this library in my recent projects and it worked flawlessly.
Hope it will help.
这篇关于如何加载自定义的ListView动态图像的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!