将ListView中的一行设为密码(显示和隐藏)行

时间:2013-01-25 21:38:01

标签: android android-layout android-listview textview

我使用以下教程http://www.ezzylearning.com/tutorial.aspx?tid=1763429创建了一个自定义的listView。

我的列表视图包含两行(每行包含一个图像和一个TextView)。第一行是用户,第二行是密码。 我正在寻找一种方法来使密码行被屏蔽,比如****,并添加另一行,使用户能够将其设置为可见/掩码。

我找到了以下例子, How to show hidden password in textview? How to switch between hide and view password

但我不知道如何在特定行上实现它。

我的行xml

    <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="horizontal" >

     <ImageView android:id="@+id/imgUserAccountIcon"
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:layout_marginRight="10dp"
        android:layout_marginTop="5dp"
        android:gravity="center_vertical"
        android:scaleType="fitStart" />

     <TextView android:id="@+id/txtTitle"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp" 
                    android:layout_marginTop="5dp"
            />


</LinearLayout>

我的用户类

public class UserAccountData {
    public int icon;
    public String title;

    public UserAccountData(){
        super();
    }


public UserAccountData(int icon, String title) {
    super();
    this.icon = icon;
        this.title = title;
    }
}

我的适配器类

public class UserAccountAdapter extends ArrayAdapter<UserAccountData> {
    Context context;
    int layoutResourceId;
    UserAccountData data[] = null;
public UserAccountAdapter(Context context, int layoutResourceId,
        UserAccountData[] data) {
    super(context, layoutResourceId, data);
    this.layoutResourceId = layoutResourceId;
    this.context = context;
    this.data = data;
}

@Override
public View getView(int position, View convertView, ViewGroup parent) {
    View row = convertView;
    UserAccountDataHolder holder = null;

    if (row == null) {
        LayoutInflater inflater = ((Activity) context).getLayoutInflater();
        row = inflater.inflate(layoutResourceId, parent, false);

        holder = new UserAccountDataHolder();
        holder.imgIcon = (ImageView) row.findViewById(R.id.imgUserAccountIcon);
        holder.txtTitle = (TextView) row.findViewById(R.id.txtTitle);

        row.setTag(holder);
    } else {
        holder = (UserAccountDataHolder) row.getTag();
    }

    UserAccountData userAccountData = data[position];
    holder.txtTitle.setText(userAccountData.title);     
    holder.imgIcon.setImageResource(userAccountData.icon);


    return row;
}

static class UserAccountDataHolder {
    ImageView imgIcon;
    TextView txtTitle;
}

}

以及活动方法

的相应列表视图片段
List<UserAccountData> user_data = new ArrayList<UserAccountData>();
user_data.add(new UserAccountData(R.drawable.username_icon,"userName");
user_data.add(new UserAccountData(R.drawable.password_icon,"password");
usersArray = new UserAccountData[user_data.size()];
user_data.toArray(usersArray);

UserAccountAdapter adapter = new UserAccountAdapter(this,                       R.layout.user_accounts_row, usersArray);

userAccountsListView = (ListView) findViewById(R.id.userAccounts);

   userAccountsListView.setAdapter(adapter);

附上我想要完成的图片

点击之前:

enter image description here

点击

enter image description here

感谢

3 个答案:

答案 0 :(得分:0)

您可以在充气时填充适配器中的TextView列表。通货膨胀之后,您可以访问所有TextView,然后在onItemClickListener中,当有人点击位置2中的项目时(至少在这种情况下),您只需引用TextViews列表,获取相应的文本视图,然后动态更改参数。

答案 1 :(得分:0)

如果你有一个像这样的少量行,那么TableLayout比ListView更合适。然后,您可以轻松自定义两个TextView的xml。另一种选择是调用setRawInputType来仅在第二个TextView上设置密码。您需要根据视图的位置在适配器的getView函数中执行此操作。

答案 2 :(得分:0)

当用户单击ListView条目时,我通过在AlertDialog中将密码显示为纯文本来解决此问题。