我正在尝试用颜色将列表视图的行填充到某个百分比。
这应该在用户单击任何列表项之后完成。
很难解释,请看下图:
请告诉我如何进行,我不知道如何才能实现这一点。我正在考虑在用户单击事件后添加一个视图,并设置此视图的背景色。
如果有其他可能的话,请告诉我。
谢谢
最佳答案
我认为有一种选择如下:
我将创建一个列表视图,对于列表中的每个项目,我将创建两个视图:
一个文本视图(显示文本选项)->默认值可见
一个视图(如果用户在列表中单击,则绘制进度)->默认值不可见。
注意:这个带有进度的简单视图对于textview具有相同的高度。它完全是背景色(例如蓝色)。然后,可以通过设置该视图的权重(从0到100)来设置该视图的长度。适配器中的重量将发生变化。可以在布局资源文件(list-view-each-row.xml)中设置的其他属性。
此外,我相信您必须创建自己的自定义列表适配器(以正确处理列表是否应显示文本或进度)。此自定义列表应扩展BaseAdapter并应重写强制方法。
因此,在单击任何选项后,您可以更改适配器(您应该通知适配器用户已在某个选项中单击)。基于这个新信息,适配器可以隐藏所有的文本视图,只显示有进度的视图。
下面是一个示例代码:
您可以在适配器中添加安全检查(空指针)。我用了一个简单的数组。您可以更改为arraylist并以友好方式添加/删除项。此外,您只能在“OnEmClickListener”中设置进度值。这只是一个例子。
主要活动
public class MainActivity extends Activity {
private MyCustomListAdapter adapter;
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
((ListView) findViewById(R.id.list_view)).setOnItemClickListener(new OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
// Force list view to populate its content again (now, with progress instead of text)
adapter.setIfUserAlreadyClickedOption(true);
adapter.notifyDataSetChanged();
}
});
adapter = new MyCustomListAdapter();
// Set click to false (user did not clicked yet)
adapter.setIfUserAlreadyClickedOption(false);
// Set text and progress
adapter.setOptions(new String []{"Option1", "Option2", "Option3"});
adapter.setProgressBarValues(new float [] {50,75,25});
((ListView)findViewById(R.id.list_view)).setAdapter(adapter);
}
}
myCustomListAdapter.java
public class MyCustomListAdapter extends BaseAdapter {
private boolean userAlreadyCliced;
private String [] stringTexts;
private float [] progressBarValues;
public MyCustomListAdapter() {
userAlreadyCliced = false;
}
public void setIfUserAlreadyClickedOption(boolean clicked) {
userAlreadyCliced = clicked;
}
public void setOptions(String [] text) {
stringTexts = text;
}
public void setProgressBarValues(float [] values) {
progressBarValues = values;
}
@Override
public int getCount() {
return stringTexts.length;
}
@Override
public Object getItem(int position) {
return stringTexts[position];
}
@Override
public long getItemId(int position) {
return 0;
}
@Override
public View getView(int position, View view, ViewGroup parentViewGroup) {
if(view == null) {
view = LayoutInflater.from(parentViewGroup.getContext()).inflate(R.layout.list_view_each_row, parentViewGroup, false);
}
if(userAlreadyCliced) {
// Hide Text
view.findViewById(R.id.progress_view).setVisibility(View.VISIBLE);
// Show Text and set progress
((LinearLayout.LayoutParams) view.findViewById(R.id.progress_view).getLayoutParams()).weight = progressBarValues[position];
view.findViewById(R.id.text_view).setVisibility(View.GONE);
} else {
// Hide Progress
view.findViewById(R.id.progress_view).setVisibility(View.GONE);
// Show and set text
view.findViewById(R.id.text_view).setVisibility(View.VISIBLE);
((TextView)view.findViewById(R.id.text_view)).setText(stringTexts[position]);
}
return view;
}
}
活动\主.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical" >
<ListView
android:id="@+id/list_view"
android:layout_width="match_parent"
android:layout_height="wrap_content" >
</ListView>
</LinearLayout>
列表视图各行.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:weightSum="100" >
<View
android:id="@+id/progress_view"
android:background="#0000FF"
android:layout_width="0dp"
android:layout_height="40dp"/>
<TextView
android:id="@+id/text_view"
android:visibility="visible"
android:layout_width="match_parent"
android:layout_height="40dp" />
</LinearLayout>