創(chuàng)建卡片(Cards)

*以下內(nèi)容翻譯自android wear的官方教程握牧,本人水平有限,如有錯(cuò)誤歡迎指出
home
以下正文


卡片為不同的app提供了統(tǒng)一的信息通知娩梨。本文將教你怎么給你的app創(chuàng)建卡片沿腰。

Wearable UI Library提供了手表上卡片通知的實(shí)現(xiàn)。她包含了 CardFrame
狈定,這個(gè)類(lèi)可以將控件(views)包裹在一個(gè)白色背景的卡片樣式當(dāng)中(圓潤(rùn)的邊角和漸暗的陰影)颂龙。CardFrame只能包含一個(gè)子控件,通常是一個(gè)包含了其他各種控件的layout manager纽什。
你有兩種方法添加一個(gè)卡片:

  • 使用或繼承CardFragment
  • 在你的layout當(dāng)中添加 CardScrollView
    實(shí)例措嵌。

注意:本文將告訴你如何添加卡片,而在adroid wear上的通知也是以卡片的形式展示芦缰。 Adding Wearable Features to Notifications

創(chuàng)建一個(gè)卡片F(xiàn)ragment

CardFragment
提供了一個(gè)默認(rèn)的標(biāo)題企巢,內(nèi)容和一個(gè)小圖標(biāo)(icon)。

默認(rèn)樣式

添加CardFragment的方法:

  1. 在你的layout當(dāng)中為包含這個(gè)card的元素指定一個(gè)id
  2. 在activity中創(chuàng)建CardFragment的實(shí)例
  3. 用fragment manager把這個(gè)實(shí)例加載到包裹她的容器(container)中

layout:

<android.support.wearable.view.BoxInsetLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:background="@drawable/robot_background"
android:layout_height="match_parent"
android:layout_width="match_parent">   
    <FrameLayout        
        android:id="@+id/frame_layout"     
        android:layout_width="match_parent"              
        android:layout_height="match_parent"   
        app:layout_box="bottom">  
    </FrameLayout>
</android.support.wearable.view.BoxInsetLayout>

activity:

protected void onCreate(Bundle savedInstanceState) {    
    super.onCreate(savedInstanceState);    
    setContentView(R.layout.activity_wear_activity2);   
    FragmentManager fragmentManager = getFragmentManager();    
    FragmentTransaction fragmentTransaction=fragmentManager.beginTransaction();    
    CardFragment cardFragment = CardFragment.create(getString(R.string.cftitle),  getString(R.string.cfdesc),R.drawable.p);    
    fragmentTransaction.add(R.id.frame_layout, cardFragment); 
    fragmentTransaction.commit();
}

自定義卡片樣式可以繼承CardFragment让蕾,然后重寫(xiě)(override) [onCreateContentView
](http://developer.android.youdaxue.com/reference/android/support/wearable/view/CardFragment.html#onCreateContentView(android.view.LayoutInflater, android.view.ViewGroup, android.os.Bundle)) 這個(gè)方法

在你的layout當(dāng)中添加CardFrame

你也可以直接在你的layout當(dāng)中添加卡片浪规。當(dāng)你想要自定義卡片樣式的時(shí)候,可以使用這種方法探孝。

在layout中添加CardFrame

圖片效果的layout,你也可以創(chuàng)建更加復(fù)雜的布局:

<android.support.wearable.view.BoxInsetLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:background="@drawable/robot_background"
android:layout_height="match_parent"
android:layout_width="match_parent"> 
    <android.support.wearable.view.CardScrollView
        android:id="@+id/card_scroll_view"      
        android:layout_height="match_parent"     
        android:layout_width="match_parent"        
        app:layout_box="bottom">        
        <android.support.wearable.view.CardFrame  
             android:layout_height="wrap_content" 
             android:layout_width="fill_parent">    
             <LinearLayout               
                 android:layout_height="wrap_content"  
                 android:layout_width="match_parent"    
                 android:orientation="vertical"           
                 android:paddingLeft="5dp">           
                 <TextView 
                     android:fontFamily="sans-serif-light"
                     android:layout_height="wrap_content"       
                     android:layout_width="match_parent"           
                     android:text="@string/custom_card"                  
                     android:textColor="@color/black"                   
                     android:textSize="20sp"/>            
                  <TextView                 
                     android:fontFamily="sans-serif-light"   
                     android:layout_height="wrap_content"                            
                     android:layout_width="match_parent"               
                     android:text="@string/description"    
                     android:textColor="@color/black"   
                     android:textSize="14sp"/>     
           </LinearLayout>        
        </android.support.wearable.view.CardFrame>   
     </android.support.wearable.view.CardScrollView>
</android.support.wearable.view.BoxInsetLayout>

<CardScrollView>
元素探測(cè)屏幕的形狀笋婿,并在不同的屏幕上顯示不一樣的卡片。在圓屏上使用更寬的margins顿颅。無(wú)論如何缸濒,在 <BoxInsetLayout>
中的 <CardScrollView>
被設(shè)置了layout_box="bottom"屬性后,卡片就可以在底部對(duì)齊且內(nèi)容不會(huì)被剪切。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末庇配,一起剝皮案震驚了整個(gè)濱河市斩跌,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌讨永,老刑警劉巖滔驶,帶你破解...
    沈念sama閱讀 222,378評(píng)論 6 516
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異卿闹,居然都是意外死亡揭糕,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,970評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門(mén)锻霎,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)著角,“玉大人,你說(shuō)我怎么就攤上這事旋恼±艨冢” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 168,983評(píng)論 0 362
  • 文/不壞的土叔 我叫張陵冰更,是天一觀的道長(zhǎng)产徊。 經(jīng)常有香客問(wèn)我,道長(zhǎng)蜀细,這世上最難降的妖魔是什么舟铜? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 59,938評(píng)論 1 299
  • 正文 為了忘掉前任,我火速辦了婚禮奠衔,結(jié)果婚禮上谆刨,老公的妹妹穿的比我還像新娘。我一直安慰自己归斤,他們只是感情好痊夭,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,955評(píng)論 6 398
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著脏里,像睡著了一般她我。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上迫横,一...
    開(kāi)封第一講書(shū)人閱讀 52,549評(píng)論 1 312
  • 那天鸦难,我揣著相機(jī)與錄音,去河邊找鬼员淫。 笑死,一個(gè)胖子當(dāng)著我的面吹牛击敌,可吹牛的內(nèi)容都是我干的介返。 我是一名探鬼主播,決...
    沈念sama閱讀 41,063評(píng)論 3 422
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼圣蝎!你這毒婦竟也來(lái)了刃宵?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 39,991評(píng)論 0 277
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤徘公,失蹤者是張志新(化名)和其女友劉穎牲证,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體关面,經(jīng)...
    沈念sama閱讀 46,522評(píng)論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡坦袍,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,604評(píng)論 3 342
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了等太。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片捂齐。...
    茶點(diǎn)故事閱讀 40,742評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖缩抡,靈堂內(nèi)的尸體忽然破棺而出奠宜,到底是詐尸還是另有隱情,我是刑警寧澤瞻想,帶...
    沈念sama閱讀 36,413評(píng)論 5 351
  • 正文 年R本政府宣布压真,位于F島的核電站,受9級(jí)特大地震影響蘑险,放射性物質(zhì)發(fā)生泄漏滴肿。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,094評(píng)論 3 335
  • 文/蒙蒙 一漠其、第九天 我趴在偏房一處隱蔽的房頂上張望嘴高。 院中可真熱鬧,春花似錦和屎、人聲如沸拴驮。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,572評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)套啤。三九已至,卻和暖如春随常,著一層夾襖步出監(jiān)牢的瞬間潜沦,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,671評(píng)論 1 274
  • 我被黑心中介騙來(lái)泰國(guó)打工绪氛, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留唆鸡,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 49,159評(píng)論 3 378
  • 正文 我出身青樓枣察,卻偏偏與公主長(zhǎng)得像争占,于是被迫代替她去往敵國(guó)和親燃逻。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,747評(píng)論 2 361

推薦閱讀更多精彩內(nèi)容