Question

所以我现在已经搜索了这个问题的答案或可能的解决方案，持续了几个星期，但仍然没有进一步深入。我正在努力构建一个应用程序，在某些事情之后用点奖励用户。他们可以访问的页面之一是基于用户朋友的排行榜。我能够实现排行榜并根据他们的要点按顺序打印用户，但无法实现条形图样式。像所以：http://imgur.com/tF51RsA （不得不张贴链接，因为我不能在这里粘贴图片）

这是我到目前为止所尝试的内容： 1.添加到xml并尝试在自定义适配器中使用getLayoutParams然后设置宽度，这不起作用。 2.使用onDraw在列表项的顶部绘制一个矩形。

这是我的Leader board xml文件（或接近它）：

<LinearLayout
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <ListView
        android:id="@+id/leader_list"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_gravity="left|top"
        android:background="#00000000">

</LinearLayout>

我的listview行xml：

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/frame"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <RelativeLayout
        android:id="@+id/bottom"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"> 

        <ImageView
             android:id="@+id/user_image"
             android:layout_width="40dp"
             android:layout_height="40dp"
             android:layout_alignParentLeft="true"
             android:layout_alignParentTop="true"
             android:layout_centerVertical="true"
             android:background="@drawable/ic_default_user"/>

         <TextView
             android:id="@+id/rank"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_centerVertical="true"
             android:paddingLeft="10dp"
             android:layout_toRightOf="@+id/user_image"/>

         <TextView
             android:id="@+id/user_name"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_centerVertical="true"
             android:paddingLeft="20dp"
             android:textSize="16sp"
             android:layout_toRightOf="@+id/rank"/>

         <TextView
             android:id="@+id/score"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_alignParentRight="true"
             android:layout_centerVertical="true"
             android:layout_toRightOf="@+id/user_name"
             android:gravity="right"
             android:paddingRight="15dp"/>

    </RelativeLayout>

</FrameLayout>

和我的排行榜类中的自定义ArrayAdapter

public class LeaderAdapter extends ArrayAdapter<LeaderboardDM>{
    ArrayList<LeaderboardDM> leaders;
    int layoutResourceId;

    public LeaderAdapter(Context context, int layoutResourceId, ArrayList<LeaderboardDM> leaders){
        super(context, layoutResourceId, leaders);
        this.leaders = new ArrayList<LeaderboardDM>();
        this.leaders = leaders;
        this.layoutResourceId = layoutResourceId;
    }

    public View getView(int position, View convertView, ViewGroup parent){
        View v = convertView;
        ViewHolder viewHolder = null;
        if(v == null){
            v = getLayoutInflater().inflate(layoutResourceId, null, false);
            viewHolder = new ViewHolder();
            viewHolder.userImage = (ImageView) v.findViewById(R.id.user_image);
            viewHolder.rank = (TextView) v.findViewById(R.id.rank);
            viewHolder.userName = (TextView) v.findViewById(R.id.user_name);
            viewHolder.score = (TextView) v.findViewById(R.id.score);
            v.setTag(viewHolder);
        }else{
            viewHolder = (ViewHolder) v.getTag();
        }
        LeaderboardDM lead = leaders.get(position);
        if(lead != null){
            //doesn't set user image yet
            viewHolder.userName.setText(lead.user);
            viewHolder.score.setText(String.valueOf(lead.points));
            viewHolder.rank.setText("#"+String.valueOf(position+1));

        }
        return v;
    }
    class ViewHolder{
        ImageView userImage;
        TextView rank, userName, score;

    }
}

和leaderboardDM类

public class LeaderboardDM{
    public String user;
    public int points;
    public String profilePicUrl;

    public void setUserName(String user){
        this.user = user;
    }
    public String getUserName(){
        return user;
    }
    public void setPoints(int points){
        this.points = points;
    }
    public int getPoints(){
        return points;
    }
    public void setProfilePic(String url){
        this.profilePicUrl = url;
    }
    public String getProfilePicUrl(){
        return profilePicUrl;
    }
}

列表通过使用比较器进行排序，并按照其得分的顺序再次打印。如果有人知道如何创建这样的东西，请帮助指出我正确的方向。

谢谢！

编辑：感谢@Ridcully，我能够解决这个问题。该解决方案可以完美地应用于未来的任何人，可以创建一个自定义进度条并从资源中获取drawable，然后将ProgressDrawable设置为drawable。从那里我将通过setProgress（int width）设置宽度。

Answer 1

您可以使用RelativeLayout并在后面添加ProgressBar（带有自定义绘图）。这样，您可以通过简单的setProgress()设置条形的宽度。

更改列表视图中各个项目的宽度

1 个答案: