问题标签 [roundedbitmapdrawable]

背景

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

问题

我需要模仿这种列表，但我不知道如何做好。

这包括 3 个主要部分：

1. 粘性标题，只要顶部联系人的姓名以该字母开头，它就会一直存在。

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 上做了一个项目，在这里。可悲的是，我还发现了一个重要的错误，所以我也在这里发布了它。

任何人都可以帮助我在卡片视图中使用这种自定义布局吗？我正在显示项目列表，需要显示这样的项目。但无法理解如何实现这一点。

基本上，里面有一个recycler view，里面有卡片。卡片的背景图像模糊。在它的顶部，有一个与此类似的视图。下面，有我已经实现的文本视图。

但这件事是一个真正的混乱。无法理解如何做到这一点。

在开始使用 RoundedBitmapDrawable 来圆角之前，一切都运行良好Bitmap。

开始使用后RoundedBitmapDrawable，我得到：

java.lang.ClassCastException：android.support.v4.graphics.drawable.RoundedBitmapDrawable21 不能转换为 android.graphics.drawable.BitmapDrawable

代码：

我看过 Udacity 关于 Material Design 的讲座，并提到了使用RoundedBitmapDrawable来实现圆形视图。但是我有一些麻烦使它与Picasso.

我不确定究竟是如何Picasso工作的，但我在文件存储中有很大的非方形图像。因此我使用Picasso如下：

然而，图像是正方形的，没有圆角（应该是圆形的）。这就是我想要实现的目标。

是否有任何简单的方法可以实现这一目标，RoundedBitmapDrawable或者我必须完全实现转换？（我在 StackOverflow 上看到过）

请不要在没有说明为什么不能使用的情况下提交答案。我只想知道这 2 项的组合 ( Picasso, RoundedBitmapDrawable)

我正在尝试使用以下代码创建一个圆形图像视图：

我在许多教程和 Android 的开发者页面中都看到了这个示例：

http://developer.android.com/reference/android/support/v4/graphics/drawable/RoundedBitmapDrawable.html

这是 setCircular 函数的解释：

public void setCircular（布尔循环）

将图像形状设置为圆形。

我在这里想念什么？

我试图在 Android Studio 中查看 RoundedBitmapDrawable 的来源，确实没有 setCircular 函数。我的目标 API 是 22。

我必须将模糊图像显示为带有圆形图像的背景。我已经完成了上面的操作。当我滑动 viewpager 时它会滞后。我使用滑行显示图像。请任何人给我一个解决方案。在此先感谢

我想将图像的形状从正方形更改为圆形。之后我打算保存这个位图。但是我遇到了无法将 RoundedBitmapDrawable 转换为位图的问题？或者可能存在另一种将 RoundedBitmapDrawable 实例保存到 SD 卡的方式。

这是我的代码 BackDeckView

BaseDrawable是_

结果就像这张照片

我尝试从BackDeckView覆盖画布以进行roundedrect但它只显示黑色页面而且我也丢失了背景位图