如何在android中添加自定义listview的视图?

时间:2011-06-01 06:41:47

标签: android listview view add

我在android活动中制作了自定义列表视图,其中包含进度条。在该列表视图的顶部,还有另一个进度条,显示该月份的日期过程中的进度。现在我想根据自定义列表视图中的月进度条的进度设置一个栏,它有四个进度条。请参阅附图。

ProgressBarUpdate

我们在listview进度条中放置的月份进度条和栏的进度应该在同一位置意味着对齐,并且当最高进度随着日期的增加而增加时我们放置的这个栏应该移动。

在布局文件中,我使用了LinearLayout,我想把它放在那里。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent" android:layout_height="wrap_content"
android:layout_marginTop="5dip">
<RelativeLayout android:id="@+id/Top"
    android:layout_centerHorizontal="true" android:layout_width="250dip"
    android:layout_height="wrap_content">
    <TextView android:id="@+id/LeftText" android:layout_width="wrap_content"
        android:layout_height="wrap_content" android:text="O"
        android:textColor="#FFFFFF" android:textStyle="normal"
        android:layout_alignParentLeft="true" />
    <RelativeLayout android:layout_width="wrap_content"
        android:layout_height="wrap_content" android:layout_alignParentRight="true">
        <TextView android:id="@+id/TextOne" android:layout_width="wrap_content"
            android:layout_height="wrap_content" android:text="O"
            android:textColor="#FFFFFF" android:textStyle="normal"
            android:layout_marginRight="5dip" />
        <TextView android:id="@+id/TextTwo" android:layout_width="wrap_content"
            android:layout_height="wrap_content" android:text="@string/outof"
            android:textColor="#FFFFFF" android:textStyle="normal"
            android:layout_toRightOf="@+id/TextOne" android:layout_marginRight="5dip" />
        <TextView android:id="@+id/RightText" android:layout_width="wrap_content"
            android:layout_height="wrap_content" android:text="O"
            android:textColor="#FFFFFF" android:textStyle="normal"
            android:layout_toRightOf="@+id/TextTwo" />
    </RelativeLayout>
</RelativeLayout>
<RelativeLayout android:id="@+id/Bottom"
    android:layout_below="@+id/Top" android:layout_width="wrap_content"
    android:layout_height="wrap_content" android:layout_centerHorizontal="true">
    <ProgressBar android:id="@+id/CustomPro"
        android:layout_width="250dip" android:layout_height="wrap_content"
        android:progress="0" android:max="100" android:secondaryProgress="0"
        style="?android:attr/progressBarStyleHorizontal"
        android:progressDrawable="@drawable/accountdataprogress"
        android:layout_centerHorizontal="true" />
    <TextView android:id="@+id/MiddleText" android:layout_width="wrap_content"
        android:layout_height="wrap_content" android:text="0%"
        android:textColor="#000000" android:textStyle="bold"
        android:layout_centerHorizontal="true" />
</RelativeLayout>
<RelativeLayout android:id="@+id/Middle"
    android:layout_centerHorizontal="true" android:layout_width="250dip"
    android:layout_height="wrap_content" android:layout_below="@+id/Top">
    <LinearLayout android:layout_width="wrap_content"
        android:layout_height="wrap_content" android:id="@+id/PuttingBar"
        android:layout_alignParentLeft="true">
    </LinearLayout>
</RelativeLayout>
<View android:layout_width="fill_parent" android:layout_height="10dip"
    android:background="#00000000" android:layout_below="@+id/Bottom" />
</RelativeLayout>

在Java中,我做过类似的事情。

import java.util.ArrayList;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ProgressBar;
import android.widget.TextView;

public class ProgressListAdapter extends BaseAdapter 
{
private Context mContext;
private ArrayList<ProgressList> mPList;
private TextView mLeft, mMiddle, mRight, mTextOne;
private ProgressBar mCustomProgressBar;
private LinearLayout mLinearLayout;

public ProgressListAdapter(Context nContext, ArrayList<ProgressList> nPList) 
{
    this.mContext = nContext;
    this.mPList = nPList;
}

@Override
public int getCount() 
{
    return mPList.size();
}

@Override
public Object getItem(int nPosition) 
{
    return mPList.get(nPosition);
}

@Override
public long getItemId(int nPosition) 
{
    return nPosition;
}

@Override
public View getView(int position, View convertView, ViewGroup parent) 
{
    ProgressList mEntry = mPList.get(position);
    if (convertView == null) 
    {
        LayoutInflater mInflater = (LayoutInflater) mContext.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        convertView = mInflater.inflate(R.layout.customprogress, null);
    }

    mLeft = (TextView) convertView.findViewById(R.id.LeftText);
    mLeft.setText(mEntry.getValueText());

    mMiddle = (TextView) convertView.findViewById(R.id.MiddleText);
    mCustomProgressBar = (ProgressBar) convertView.findViewById(R.id.CustomPro);
    int mBarPosition = Usage.mElapsed;

    mLinearLayout = (LinearLayout) convertView.findViewById(R.id.PuttingBar);
    View mView = new View(mContext);
    LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams(2, 25);
    layoutParams.setMargins(mBarPosition, 0, 0, 0);
    mView.setMinimumHeight(25);
    mView.setMinimumWidth(2);
    mView.setBackgroundColor(Color.rgb(12, 56, 99));
    mLinearLayout.addView(mView, layoutParams);
    mView.invalidate();

    if(mEntry.getValueNumber() > mBarPosition)
    {
        mCustomProgressBar.setProgress(mBarPosition);
        mCustomProgressBar.setSecondaryProgress(mEntry.getValueNumber());
    }
    else if(mEntry.getValueNumber() <= mBarPosition)
    {
        mCustomProgressBar.setProgress((mEntry.getValueNumber()));
        mCustomProgressBar.setSecondaryProgress(0);
    }
    mMiddle.setText(Integer.toString(mEntry.getValueNumber()) + "%");

    mTextOne = (TextView) convertView.findViewById(R.id.TextOne);
    mTextOne.setText(mEntry.getValue());
    mRight = (TextView) convertView.findViewById(R.id.RightText);
    mRight.setText(mEntry.getValueOne());

    return convertView;
}
}

但是当我跑步时它会像这样显示进度栏中的额外栏位

ProgressBar

任何人都做了一些工作,请帮助我。等待富有成效的回复。 感谢。

1 个答案:

答案 0 :(得分:2)

您应该在removeAllViews函数中添加getView的电话:

mLinearLayout = (LinearLayout) convertView.findViewById(R.id.PuttingBar);
mLinearLayout.removeAllViews(); 
View mView = new View(mContext);

这是因为LinearLayout累积了视图,并且可能会多次调用addView函数。因此,在添加另一个PuttingBar新边距之前,您需要删除已添加的视图。