标签: pagertitlestrip

背景

谷歌最近发布了一个新版本的Android,它有一个如下所示的联系人应用程序:

问题

我需要模仿这种列表,但我不知道如何做得好.

这包括3个主要组成部分:

1. stickey标题,只要顶级联系人的名字以此字母开头,就会保留.

2. 圆形照片或圆圈+字母(适用于没有照片的联系人)

3. PagerTitleStrip,在项目之间具有统一的间距,并尝试在屏幕上显示所有内容(或允许在需要时滚动).

我发现了什么

1. 有很多第三方库,但它们处理stickey-headers,它们是listView本身项目的一部分.他们没有左边的标题,但是在项目的顶部.

   这里,左侧以与右侧不同的方式移动.它可以粘住,如果不需要粘贴(例如,因为该部分有一个项目),它会滚动.

2. 我注意到对于圆形照片,我可以使用名为" RoundedBitmapDrawableFactory " 的新(？)类(它创建" RoundedBitmapDrawable ").这可能会让我很好地将照片变成圆形.但是,它不适用于字母(用于没有照片的联系人),但我想我可以将textView放在上面,并将背景设置为一种颜色.

   另外,我注意到为了使用"RoundedBitmapDrawable"(使其成为真正的圆形),我必须为它提供一个方形大小的位图.否则,它会有一个奇怪的形状.

3. 我尝试使用" setTextSpacing "来最小化项目之间的空间,但它似乎不起作用.我也找不到任何方式来设置/自定义PagerTitleStrip就像在联系人应用程序上一样.

   我也试过使用" PagerTabStrip ",但它也没有帮助.

这个问题

您如何模仿Google实施此屏幕的方式？

进一步来说:

1. 如何使左侧的行为与联系人应用程序类似？

2. 这是实施圆形照片的最佳方式吗？在使用特殊drawable之前,我真的必须将位图裁剪成正方形吗？是否有使用哪种颜色的设计指南？是否有更正式的方式来使用圆形文本单元格？

3. 你如何设置PagerTitleStrip的样式,使其具有与联系人应用程序相同的外观和感觉？

Github项目

编辑:对#1和#2,我做了Github上的一个项目,在这里.可悲的是,我也发现了一个重要的错误,所以我也在这里发布了它.

问题:更新到appcompat-v7:23.0.0后,PagerTabStrip和PagerTitleStrip都没有在第一个显示页面上显示标题(图1),标题仅在刷到另一个页面后绘制(图2).

使用的库:appcompat-v7

使用的版本:23.0.0

使用的主题:Theme.AppCompat.Light.DarkActionBar,Theme.AppCompat.Light.NoActionBar

设备/ Android版本转载于:Nexus 5/Android M开发者预览版2

重现步骤:

• 1. 创建一个新的示例项目,minSdk版本并不重要.
• 2. 当系统要求您添加活动时,请选择选项卡式活动.
• 3. 在activity_main.xml中添加PagerTabStrip布局,如下所示:

  <android.support.v4.view.PagerTabStrip
      android:id="@+id/title_strip"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:layout_gravity="top"
      android:paddingBottom="4dp"
      android:paddingTop="4dp"
      android:textColor="@android:color/background_dark" />
  

  Run Code Online (Sandbox Code Playgroud)
  4. 运行应用程序

会发生什么:viewpager标签条上的标题应该是可见的事情发生了:除非刷到另一页(图2),否则不会绘制标题(图1)

这里是问题的链接......

https://code.google.com/p/android/issues/detail?id=183127

PagerTitleStrip我有in的标准实现ViewPager，但它无法在ViewPager2. 如果我想迁移到ViewPager2，我应该如何PagerTitleStrip实施ViewPager2？我找到了解决方案和许多有关如何使用实现行为的详细信息，但它不适用于.PagerTabStripTabLayoutPagerTitleStrip