blocks|key|297908|text|也有同样的需求，并且已经开始进行一些调查。我一直在查看从com.google.android.googlequicksearchbox+apk获得的apktool输出。(没有来源，只有res+xmls)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|297909|此布局(at_place_card.xml)用于显示位置。它在右侧有三行文本和两个操作按钮(详细信息和签入)，在左侧有一个图像。|297910|不幸的是，我无法从apk中获得任何样式信息，所以字体大小、大小和颜色只是猜测。|297911|<?xml+version="1.0"+encoding="utf-8"?>
<LinearLayout+android:orientation="horizontal"+android:background="@drawable/card_background"+android:layout_width="fill_parent"+android:layout_height="wrap_content"
++xmlns:android="http://schemas.android.com/apk/res/android"
++xmlns:thegoogle="http://schemas.android.com/apk/res/com.google.android.googlequicksearchbox">
++++<LinearLayout+android:orientation="vertical"+android:layout_width="0.0dip"+android:layout_height="fill_parent"+android:baselineAligned="false"+android:layout_weight="1.0">
++++++++<FrameLayout+android:layout_width="fill_parent"+android:layout_height="wrap_content">
++++++++++++<LinearLayout+android:orientation="vertical"+android:layout_width="fill_parent"+android:layout_height="wrap_content"+style="@style/CardTextBlock">
++++++++++++++++<TextView+android:id="@id/entry_title"+android:layout_width="wrap_content"+android:layout_height="wrap_content"+style="@style/CardTitle"+/>
++++++++++++++++<TextView+android:id="@id/open_hours"+android:visibility="gone"+android:layout_width="wrap_content"+android:layout_height="wrap_content"+style="@style/CardText"+/>
++++++++++++++++<TextView+android:textColor="@color/card_light_text"+android:id="@id/known_for_terms"+android:paddingBottom="4.0dip"+android:visibility="gone"+android:layout_width="wrap_content"+android:layout_height="wrap_content"+android:maxLines="4"+style="@style/CardText"+/>
++++++++++++</LinearLayout>
++++++++++++<ImageButton+android:layout_gravity="top%7Cright%7Ccenter"+android:id="@id/card_menu_button"+android:layout_width="@dimen/card_action_button_height"+android:layout_height="@dimen/card_action_button_height"+android:contentDescription="@string/accessibility_menu_button"+style="@style/CardMenuButton"+/>
++++++++</FrameLayout>
++++++++<Space+android:layout_width="fill_parent"+android:layout_height="0.0dip"+android:layout_weight="1.0"+/>
++++++++<Button+android:id="@id/details_button"+android:visibility="gone"+android:layout_width="fill_parent"+android:layout_height="@dimen/card_action_button_height"+android:text="@string/more_details"+android:drawableLeft="@drawable/ic_action_pin"+style="@style/CardActionButtonWithIcon"+/>
++++++++<Button+android:id="@id/checkin_button"+android:layout_width="fill_parent"+android:layout_height="@dimen/card_action_button_height"+android:text="@string/check_in"+android:drawableLeft="@drawable/ic_action_check_in"+style="@style/CardActionButtonWithIcon"+/>
++++</LinearLayout>
++++<com.google.android.velvet.ui.CrossfadingWebImageView+android:id="@id/place_photo"+android:visibility="gone"+android:layout_width="0.0dip"+android:layout_height="fill_parent"+android:scaleType="centerCrop"+android:adjustViewBounds="true"+android:baselineAligned="false"+android:minHeight="@dimen/at_place_card_content_height"+android:layout_weight="1.0"+android:contentDescription="@string/at_place_card_image_desc"+thegoogle:crossfadeDuration="@integer/image_crossfade_duration"+/>
</LinearLayout>|code-block|syntax|javascript|297912|更新:我们现在也可以获得一些风格信息。如果您感兴趣，这里有一个zip文件，其中包含我当前拥有的信息(来自google+now的一些资源文件)。https://dl.dropbox.com/u/4379928/android/googlenow2.zip|offset|length|297913|entityMap|0|LINK|mutability|MUTABLE|url|https://dl.dropbox.com/u/4379928/android/googlenow2.zip^0|0|0|0|0|1Z|1J|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|Y|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|Z|8|@]|9|@]|A|$I|J]]|$1|K|3|L|5|6|7|10|8|@]|9|@$M|11|N|12|1|13]]|A|$]]|$1|O|3|-4|5|6|7|14|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V]]]]

Have the same need, and have started investigating a bit. 
I've been looking at the apktool output I've been able to get from the com.google.android.googlequicksearchbox apk. (no sources only the res xmls)

This layout (at_place_card.xml) is used for displaying a location. 
It has three text lines and two actions buttons (details and checkin) on the right and an image on the left.

Unfortunately, I am not able to get any style information out from the apk, so the font size, dimensions and colors are just guesses.

<pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;LinearLayout android:orientation="horizontal" android:background="@drawable/card_background" android:layout_width="fill_parent" android:layout_height="wrap_content"
 xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:thegoogle="http://schemas.android.com/apk/res/com.google.android.googlequicksearchbox"&gt;
 &lt;LinearLayout android:orientation="vertical" android:layout_width="0.0dip" android:layout_height="fill_parent" android:baselineAligned="false" android:layout_weight="1.0"&gt;
 &lt;FrameLayout android:layout_width="fill_parent" android:layout_height="wrap_content"&gt;
 &lt;LinearLayout android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="wrap_content" style="@style/CardTextBlock"&gt;
 &lt;TextView android:id="@id/entry_title" android:layout_width="wrap_content" android:layout_height="wrap_content" style="@style/CardTitle" /&gt;
 &lt;TextView android:id="@id/open_hours" android:visibility="gone" android:layout_width="wrap_content" android:layout_height="wrap_content" style="@style/CardText" /&gt;
 &lt;TextView android:textColor="@color/card_light_text" android:id="@id/known_for_terms" android:paddingBottom="4.0dip" android:visibility="gone" android:layout_width="wrap_content" android:layout_height="wrap_content" android:maxLines="4" style="@style/CardText" /&gt;
 &lt;/LinearLayout&gt;
 &lt;ImageButton android:layout_gravity="top|right|center" android:id="@id/card_menu_button" android:layout_width="@dimen/card_action_button_height" android:layout_height="@dimen/card_action_button_height" android:contentDescription="@string/accessibility_menu_button" style="@style/CardMenuButton" /&gt;
 &lt;/FrameLayout&gt;
 &lt;Space android:layout_width="fill_parent" android:layout_height="0.0dip" android:layout_weight="1.0" /&gt;
 &lt;Button android:id="@id/details_button" android:visibility="gone" android:layout_width="fill_parent" android:layout_height="@dimen/card_action_button_height" android:text="@string/more_details" android:drawableLeft="@drawable/ic_action_pin" style="@style/CardActionButtonWithIcon" /&gt;
 &lt;Button android:id="@id/checkin_button" android:layout_width="fill_parent" android:layout_height="@dimen/card_action_button_height" android:text="@string/check_in" android:drawableLeft="@drawable/ic_action_check_in" style="@style/CardActionButtonWithIcon" /&gt;
 &lt;/LinearLayout&gt;
 &lt;com.google.android.velvet.ui.CrossfadingWebImageView android:id="@id/place_photo" android:visibility="gone" android:layout_width="0.0dip" android:layout_height="fill_parent" android:scaleType="centerCrop" android:adjustViewBounds="true" android:baselineAligned="false" android:minHeight="@dimen/at_place_card_content_height" android:layout_weight="1.0" android:contentDescription="@string/at_place_card_image_desc" thegoogle:crossfadeDuration="@integer/image_crossfade_duration" /&gt;
&lt;/LinearLayout&gt;
</code></pre>

Update: Was able to get some style information also now. If you're interested here is a zip file with the information I have currently (some resource files from google now).
<a href="https://dl.dropbox.com/u/4379928/android/googlenow2.zip" rel="nofollow">https://dl.dropbox.com/u/4379928/android/googlenow2.zip</a>

blocks|key|514579|text|卡片的外观和感觉应该不难。你只需要一个没有分隔符的ListView，你的列表视图项应该有一个边距。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|514580|如下所示：|514581|<?xml+version="1.0"+encoding="utf-8"?>
<LinearLayout
++++xmlns:android="http://schemas.android.com/apk/res/android"
++++android:orientation="vertical"
++++android:layout_width="fill_parent"
++++android:layout_margin="16dp"
++++android:layout_height="wrap_content"
++++android:background="@android:color/background_light">

+++++<TextView
+++++++++++++android:layout_width="fill_parent"
+++++++++++++android:layout_height="wrap_content"
+++++++++++++android:paddingTop="16dp"
+++++++++++++android:paddingRight="16dp"
+++++++++++++android:paddingLeft="16dp"
+++++++++++++android:text="Title"
+++++++++++++android:textSize="18dp"
+++++++++++++android:textColor="@android:color/primary_text_holo_light"
+++++++++++++/>

+++++<TextView
+++++++++++++android:layout_width="fill_parent"
+++++++++++++android:layout_height="wrap_content"
+++++++++++++android:paddingRight="16dp"
+++++++++++++android:paddingLeft="16dp"
+++++++++++++android:text="Subtitle"
+++++++++++++android:textSize="14dp"
+++++++++++++android:textColor="@android:color/primary_text_holo_light"
+++++++++++++/>

+++++<ImageView+android:layout_marginTop="16dp"+
++++++++++++++android:layout_marginBottom="16dp"+
++++++++++++++android:layout_width="fill_parent"
++++++++++++++android:layout_height="wrap_content"
++++++++++++++android:background="@drawable/background"/>+
</LinearLayout>|code-block|syntax|javascript|514582|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

The card look and feel shouldn't be hard. You just need a ListView without dividers and your list view items should have a margin.

Like this: 

<pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;LinearLayout
 xmlns:android="http://schemas.android.com/apk/res/android"
 android:orientation="vertical"
 android:layout_width="fill_parent"
 android:layout_margin="16dp"
 android:layout_height="wrap_content"
 android:background="@android:color/background_light"&gt;

 &lt;TextView
 android:layout_width="fill_parent"
 android:layout_height="wrap_content"
 android:paddingTop="16dp"
 android:paddingRight="16dp"
 android:paddingLeft="16dp"
 android:text="Title"
 android:textSize="18dp"
 android:textColor="@android:color/primary_text_holo_light"
 /&gt;

 &lt;TextView
 android:layout_width="fill_parent"
 android:layout_height="wrap_content"
 android:paddingRight="16dp"
 android:paddingLeft="16dp"
 android:text="Subtitle"
 android:textSize="14dp"
 android:textColor="@android:color/primary_text_holo_light"
 /&gt;

 &lt;ImageView android:layout_marginTop="16dp" 
 android:layout_marginBottom="16dp" 
 android:layout_width="fill_parent"
 android:layout_height="wrap_content"
 android:background="@drawable/background"/&gt; 
&lt;/LinearLayout&gt;
</code></pre>

blocks|key|298073|text|我做了一个非常类似的布局，你可以在这里查看https://github.com/Nammari/GooglePlusLayout，视频演示在这里http://youtu.be/jvfDuJz4fw4，适用于儿童的动画，更多细节请查看这里http://nammari.tumblr.com/post/41893669349/goolge-plus-layout的博客文章，澄清每件事。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|298074|​|298075|📷|atomic|298076|298077|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/Nammari/GooglePlusLayout|1|http://youtu.be/jvfDuJz4fw4|2|http://nammari.tumblr.com/post/41893669349/goolge-plus-layout|3|IMAGE|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/b1d004f0b66d3cb69e60fd0c22b5303c.jpeg|imageAlt^0|L|17|0|20|R|1|3A|1P|2|0|0|0|1|3|0|0^^$0|@$1|2|3|4|5|6|7|11|8|@]|9|@$A|12|B|13|1|14]|$A|15|B|16|1|17]|$A|18|B|19|1|1A]]|C|$]]|$1|D|3|E|5|6|7|1B|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|1C|8|@]|9|@$A|1D|B|1E|1|1F]]|C|$]]|$1|I|3|E|5|6|7|1G|8|@]|9|@]|C|$]]|$1|J|3|-4|5|6|7|1H|8|@]|9|@]|C|$]]]|K|$L|$5|M|N|O|C|$P|Q]]|R|$5|M|N|O|C|$P|S]]|T|$5|M|N|O|C|$P|U]]|V|$5|W|N|X|C|$Y|Z|10|-4]]]]

I made a very similar Layout you can look at here
<a href="https://github.com/Nammari/GooglePlusLayout" rel="nofollow noreferrer">https://github.com/Nammari/GooglePlusLayout</a>
 and for a video demo here <a href="http://youtu.be/jvfDuJz4fw4" rel="nofollow noreferrer">http://youtu.be/jvfDuJz4fw4</a>
 for the animation that get applied to children , for more details look here
<a href="http://nammari.tumblr.com/post/41893669349/goolge-plus-layout" rel="nofollow noreferrer">http://nammari.tumblr.com/post/41893669349/goolge-plus-layout</a>
 for a blog post that clarify every thing .

<img src="https://i.stack.imgur.com/Q0yQG.jpg" alt="enter image description here">

blocks|key|298111|text|看一看http://ryanharter.com/blog/2013/01/31/how-to-make-an-android-card-list/|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|298112|示例副本：|298113|/res/drawable/bg_card.xml：|298114|<?xml+version="1.0"+encoding="utf-8"?>
<layer-list+xmlns:android="http://schemas.android.com/apk/res/android">
++++<item>
++++++++<shape+android:shape="rectangle"
++++++++++++android:dither="true">

++++++++++++<corners+android:radius="2dp"/>

++++++++++++<solid+android:color="#ccc"+/>

++++++++</shape>
++++</item>

++++<item+android:bottom="2dp">
++++++++<shape+android:shape="rectangle"
++++++++++++android:dither="true">

++++++++++++<corners+android:radius="2dp"+/>

++++++++++++<solid+android:color="@android:color/white"+/>

++++++++++++<padding+android:bottom="8dp"
++++++++++++++++android:left="8dp"
++++++++++++++++android:right="8dp"
++++++++++++++++android:top="8dp"+/>
++++++++</shape>
++++</item>
</layer-list>|code-block|syntax|javascript|298115|将其用作布局的背景：|298116|<?xml+version="1.0"+encoding="utf-8"?>
<FrameLayout+xmlns:android="http://schemas.android.com/apk/res/android"
++++android:layout_width="match_parent"
++++android:layout_height="?android:attr/listPreferredItemHeight"
++++android:padding="12dp">

++++<LinearLayout
++++++++android:layout_width="match_parent"
++++++++android:layout_height="match_parent"+
++++++++android:layout_marginLeft="6dp"
++++++++android:layout_marginRight="6dp"
++++++++android:layout_marginTop="4dp"
++++++++android:layout_marginBottom="4dp"
++++++++android:background="@drawable/bg_card">

++++++++

++++</LinearLayout>

</FrameLayout>|298117|entityMap|0|LINK|mutability|MUTABLE|url|http://ryanharter.com/blog/2013/01/31/how-to-make-an-android-card-list/^0|3|1Z|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@$A|Z|B|10|1|11]]|C|$]]|$1|D|3|E|5|6|7|12|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|13|8|@]|9|@]|C|$]]|$1|H|3|I|5|J|7|14|8|@]|9|@]|C|$K|L]]|$1|M|3|N|5|6|7|15|8|@]|9|@]|C|$]]|$1|O|3|P|5|J|7|16|8|@]|9|@]|C|$K|L]]|$1|Q|3|-4|5|6|7|17|8|@]|9|@]|C|$]]]|R|$S|$5|T|U|V|C|$W|X]]]]

Take a look at <a href="http://ryanharter.com/blog/2013/01/31/how-to-make-an-android-card-list/" rel="noreferrer">http://ryanharter.com/blog/2013/01/31/how-to-make-an-android-card-list/</a>

Copy of the example:

/res/drawable/bg_card.xml:

<pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;layer-list xmlns:android="http://schemas.android.com/apk/res/android"&gt;
 &lt;item&gt;
 &lt;shape android:shape="rectangle"
 android:dither="true"&gt;

 &lt;corners android:radius="2dp"/&gt;

 &lt;solid android:color="#ccc" /&gt;

 &lt;/shape&gt;
 &lt;/item&gt;

 &lt;item android:bottom="2dp"&gt;
 &lt;shape android:shape="rectangle"
 android:dither="true"&gt;

 &lt;corners android:radius="2dp" /&gt;

 &lt;solid android:color="@android:color/white" /&gt;

 &lt;padding android:bottom="8dp"
 android:left="8dp"
 android:right="8dp"
 android:top="8dp" /&gt;
 &lt;/shape&gt;
 &lt;/item&gt;
&lt;/layer-list&gt;
</code></pre>

Use it as the background of your layout:

<pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="match_parent"
 android:layout_height="?android:attr/listPreferredItemHeight"
 android:padding="12dp"&gt;

 &lt;LinearLayout
 android:layout_width="match_parent"
 android:layout_height="match_parent" 
 android:layout_marginLeft="6dp"
 android:layout_marginRight="6dp"
 android:layout_marginTop="4dp"
 android:layout_marginBottom="4dp"
 android:background="@drawable/bg_card"&gt;

 &lt;!-- Card Contents go here --&gt;

 &lt;/LinearLayout&gt;

&lt;/FrameLayout&gt;
</code></pre>

Google Now and Google+ (Android) both make use of a card-like interface.

<img src="https://i.stack.imgur.com/afllt.png" alt="enter image description here">

I was wondering if anyone had any idea how this interface can be replicated on Android.

They both have quite interesting animations for displaying new cards too; any thoughts would be great.

New Google Now and Google+ card interface

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

Google Now和安卓( Google+ )都使用了类似卡片的界面。​​我想知道是否有人知道如何在Android上复制这个界面。它们都有非常有趣的动画来展示新的卡片；任何想法都会很棒。

问新的Google Now和Google+卡界面
EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问新的Google Now和Google+卡界面EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问新的Google Now和Google+卡界面
EN