Android CardView如何顯示出底背景樣式

<androidx.cardview.widget.CardView
    android:id="@+id/actionOneCv"
    android:layout_width="0dp"
    android:layout_height="match_parent"
    android:layout_weight="1"
    android:foreground="?android:attr/selectableItemBackground"
    app:cardCornerRadius="0dp"
    app:cardElevation="0dp"/>

常使用上述的寫法來實現(xiàn)一個button樣式舆逃。

問題一:
如果將其放入在一個dialog的bottom位置作為點擊按鈕凹嘲,dialog的background設置了圓角堂飞,但是顯示button一角卻還是直角昼接。

問題二:
此時dialog更改bg顏色爽篷,發(fā)現(xiàn)CardView區(qū)域還是白色。

針對問題一慢睡,當然可以更改CardView來手動設置某一部分是圓角逐工。
但兩個問題的癥結其實都是同一個點,那就是:

設置水波紋foreground的CardView默認背景就是白色

解決方案:將默認背景改為透明漂辐,則就能顯示出dialog底背景的樣式了泪喊。

<androidx.cardview.widget.CardView
    android:id="@+id/actionOneCv"
    android:layout_width="0dp"
    android:layout_height="match_parent"
    android:layout_weight="1"
    app:cardBackgroundColor="@color/transparent"
    android:foreground="?android:attr/selectableItemBackground"
    app:cardCornerRadius="0dp"
    app:cardElevation="0dp"/>

可以看到此處是設置app:cardBackgroundColor="@color/transparent".

問題來了,上述的方法只能設置color髓涯,如果要設置drawable該怎么辦袒啼?
其實解決方案很簡單:CardView本身是繼承自FrameLayout的,這就意味著它是可以包裹內容的,里面包裹其它控件(如ImageView)瘤泪。通過包裹的控件來實現(xiàn)有drawable的背景即可灶泵。

那么又有問題了,既然CardView繼承自FrameLayout对途,這就說明其是可以設置Background的赦邻。但為什么設置后卻顯示不出來呢?

這個就涉及到整個View的構造流程了:

public CardView(@NonNull Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
//省略屬性獲取
    IMPL.initialize(mCardViewDelegate, context, backgroundColor, radius,
            elevation, maxElevation);
}

初始化View進入構造方法实檀,會進行IMPL.initialize方法的調用惶洲。這個IMPL是什么?

private static final CardViewImpl IMPL;

static {
    if (Build.VERSION.SDK_INT >= 21) {
        IMPL = new CardViewApi21Impl();
    } else if (Build.VERSION.SDK_INT >= 17) {
        IMPL = new CardViewApi17Impl();
    } else {
        IMPL = new CardViewBaseImpl();
    }
    IMPL.initStatic();
}

IMPL是CardView的實現(xiàn)類膳犹,不同的版本有不同的實現(xiàn)恬吕。此處進入CardViewApi21Impl里面看看initialize實現(xiàn)。

@Override
public void initialize(CardViewDelegate cardView, Context context,
            ColorStateList backgroundColor, float radius, float elevation, float maxElevation) {
    final RoundRectDrawable background = new RoundRectDrawable(backgroundColor, radius);
    cardView.setCardBackground(background);

    View view = cardView.getCardView();
    view.setClipToOutline(true);
    view.setElevation(elevation);
    setMaxElevation(cardView, maxElevation);
}

可以發(fā)現(xiàn)在這里面進行了cardView.setCardBackground調用须床,而background是根據(jù)設置的

backgroundColor = a.getColorStateList(R.styleable.CardView_cardBackgroundColor);

賦值RoundRectDrawable生成而來铐料。
cardView.setCardBackground(background);中的CardView是CardViewDelegate,它是一個接口豺旬,所以也要看它的實現(xiàn)類钠惩。在CardView類中可以找到:

private final CardViewDelegate mCardViewDelegate = new CardViewDelegate() {
    private Drawable mCardBackground;

    @Override
    public void setCardBackground(Drawable drawable) {
        mCardBackground = drawable;
        setBackgroundDrawable(drawable);
    }
    //...
}

而上面的setBackgroundDrawable則是進入到了View層面了。

至此已經(jīng)很清楚了族阅,因為initialize在父類(FrameLayout)的構造方法之后調用篓跛,導致最終設置的setBackgroundDrawable會始終覆蓋父類的該方法實現(xiàn)。

說到底坦刀,就是個實現(xiàn)的先后覆蓋問題愧沟。

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市鲤遥,隨后出現(xiàn)的幾起案子沐寺,更是在濱河造成了極大的恐慌,老刑警劉巖盖奈,帶你破解...
    沈念sama閱讀 207,248評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件混坞,死亡現(xiàn)場離奇詭異,居然都是意外死亡卜朗,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,681評論 2 381
  • 文/潘曉璐 我一進店門咕村,熙熙樓的掌柜王于貴愁眉苦臉地迎上來场钉,“玉大人,你說我怎么就攤上這事懈涛」渫颍” “怎么了?”我有些...
    開封第一講書人閱讀 153,443評論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長宇植。 經(jīng)常有香客問我得封,道長,這世上最難降的妖魔是什么指郁? 我笑而不...
    開封第一講書人閱讀 55,475評論 1 279
  • 正文 為了忘掉前任忙上,我火速辦了婚禮,結果婚禮上闲坎,老公的妹妹穿的比我還像新娘疫粥。我一直安慰自己,他們只是感情好腰懂,可當我...
    茶點故事閱讀 64,458評論 5 374
  • 文/花漫 我一把揭開白布梗逮。 她就那樣靜靜地躺著,像睡著了一般绣溜。 火紅的嫁衣襯著肌膚如雪慷彤。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,185評論 1 284
  • 那天怖喻,我揣著相機與錄音底哗,去河邊找鬼。 笑死罢防,一個胖子當著我的面吹牛艘虎,可吹牛的內容都是我干的。 我是一名探鬼主播咒吐,決...
    沈念sama閱讀 38,451評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼野建,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了恬叹?” 一聲冷哼從身側響起候生,我...
    開封第一講書人閱讀 37,112評論 0 261
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎绽昼,沒想到半個月后唯鸭,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,609評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡硅确,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 36,083評論 2 325
  • 正文 我和宋清朗相戀三年目溉,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片菱农。...
    茶點故事閱讀 38,163評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡缭付,死狀恐怖,靈堂內的尸體忽然破棺而出循未,到底是詐尸還是另有隱情陷猫,我是刑警寧澤,帶...
    沈念sama閱讀 33,803評論 4 323
  • 正文 年R本政府宣布,位于F島的核電站绣檬,受9級特大地震影響足陨,放射性物質發(fā)生泄漏。R本人自食惡果不足惜娇未,卻給世界環(huán)境...
    茶點故事閱讀 39,357評論 3 307
  • 文/蒙蒙 一墨缘、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧忘蟹,春花似錦飒房、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,357評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至褥芒,卻和暖如春嚼松,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背锰扶。 一陣腳步聲響...
    開封第一講書人閱讀 31,590評論 1 261
  • 我被黑心中介騙來泰國打工献酗, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人坷牛。 一個月前我還...
    沈念sama閱讀 45,636評論 2 355
  • 正文 我出身青樓罕偎,卻偏偏與公主長得像,于是被迫代替她去往敵國和親京闰。 傳聞我的和親對象是個殘疾皇子颜及,可洞房花燭夜當晚...
    茶點故事閱讀 42,925評論 2 344

推薦閱讀更多精彩內容