Android布局之联系人列表

我们经常看到Android手机上应用或者自带的电话联系人页面是通过怎么的布局实现的呢?一个联系人列表可包含头像,姓名,电话号码,还有右边的26个字母导航,其实都是通过ListView控件以及合适的Adapter来实现的

下面先看一个我做的一个简单联系人列表的截图


可以通过点击右边导航栏上的字母快速定位到指定字母在首行显示,另外在每个姓名相同的姓上面显示该姓的首字母,用于方便查询


下面就上传一个源代码,希望都能看的明白!!

Android 联系人列表

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一个简单的 Android 实现 QQ 联系人列表的源码示例: 1. 在布局文件中定义一个 ListView 控件,用于展示联系人列表: ```xml <ListView android:id="@+id/listView" android:layout_width="match_parent" android:layout_height="match_parent" /> ``` 2. 创建一个 Contact 类,用于表示每个联系人信息: ```java public class Contact { private String name; private String avatarUrl; // 其他联系人信息的字段 public Contact(String name, String avatarUrl) { this.name = name; this.avatarUrl = avatarUrl; } // getter 和 setter 方法 } ``` 3. 创建一个 ContactAdapter 类,继承自 BaseAdapter,用于在 ListView 中展示联系人列表: ```java public class ContactAdapter extends BaseAdapter { private List<Contact> contacts; private Context context; public ContactAdapter(Context context, List<Contact> contacts) { this.context = context; this.contacts = contacts; } @Override public int getCount() { return contacts.size(); } @Override public Object getItem(int position) { return contacts.get(position); } @Override public long getItemId(int position) { return position; } @Override public View getView(int position, View convertView, ViewGroup parent) { if (convertView == null) { convertView = LayoutInflater.from(context).inflate(R.layout.item_contact, parent, false); } Contact contact = contacts.get(position); ImageView avatarImageView = convertView.findViewById(R.id.avatarImageView); TextView nameTextView = convertView.findViewById(R.id.nameTextView); // 设置联系人头像姓名 Glide.with(context).load(contact.getAvatarUrl()).into(avatarImageView); nameTextView.setText(contact.getName()); return convertView; } } ``` 4. 创建一个 item_contact.xml 布局文件,用于展示每个联系人头像姓名: ```xml <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="80dp" android:padding="16dp"> <ImageView android:id="@+id/avatarImageView" android:layout_width="50dp" android:layout_height="50dp" android:src="@drawable/avatar_placeholder" android:scaleType="centerCrop" /> <TextView android:id="@+id/nameTextView" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignTop="@id/avatarImageView" android:layout_marginStart="16dp" android:textSize="18sp" android:textColor="@android:color/black" android:text="联系人姓名" /> </RelativeLayout> ``` 5. 在 MainActivity 中获取联系人列表数据,将其展示在 ListView 中: ```java public class MainActivity extends AppCompatActivity { private ListView listView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); listView = findViewById(R.id.listView); // 模拟获取联系人列表数据 List<Contact> contacts = new ArrayList<>(); contacts.add(new Contact("张三", "https://xxx.com/avatar1.jpg")); contacts.add(new Contact("李四", "https://xxx.com/avatar2.jpg")); contacts.add(new Contact("王五", "https://xxx.com/avatar3.jpg")); // 创建联系人列表适配器 ContactAdapter adapter = new ContactAdapter(this, contacts); // 设置联系人列表适配器 listView.setAdapter(adapter); } } ``` 这样就实现了一个简单的 QQ 联系人列表。请注意,这只是一个简单的示例,实际开发中可能需要更复杂的逻辑和界面设计。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值