Как добавить вид в пользовательский список в Android?

1

Я создал пользовательский список в активности android, у которого есть progressbar. Помимо этого списка, есть еще один индикатор прогресса, который показывает прогресс, как день проходит в течение месяца. Теперь я хочу установить панель в соответствии с прогрессом в строке выполнения месяца в пользовательском списке, в котором есть четыре индикатора выполнения. См. Прикрепленное изображение.

Изображение 174551

Прогресс индикатора хода и бар, который мы помещаем в индикаторную строку списка, должны находиться в том же положении, что и выравнивание, и этот бар, который мы помещаем, должен двигаться, когда верхний прогресс увеличивается с течением дня.

В файле Layout я использовал 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;
}
}

Но когда я запустил, он показывает дополнительную строку в строке выполнения, подобную этой

Изображение 174551

Кто-нибудь проделал какую-то работу, пожалуйста, дайте мне свою руку. Ожидание плодотворного ответа. Спасибо.

  • 0
    Вы можете показать больше кода? потому что кажется, что это внутри цикла, попробуйте установить ориентацию макета
  • 0
    В вашем коде вы показываете только одно добавление PuttingBar но у вас, очевидно, есть цикл или несколько вызовов к вашему addPuttingBar . Также обратите внимание, что вы жестко закодировали левое поле до 30, а не почему вы это сделали. Можете ли вы добавить больше кода вокруг фрагмента addPuttingBar ?
Показать ещё 2 комментария
Теги:
view
listview
add

1 ответ

2
Лучший ответ

Вы должны добавить вызов removeAllViews в ваш getView funcion:

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

Это потому, что LinearLayout накапливает представления и может быть несколько вызовов вашей функции addView. Поэтому вам нужно удалить уже добавленное представление перед добавлением другого PuttingBar с новым полем.

  • 0
    приятно на @inazaruk
  • 0
    Отличная работа. Это работает как шарм. Благодарю.
Показать ещё 4 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню