實現(xiàn)類似android:clipChildren="false"的效果粱锐,在使用android:clipChildren多次嘗試無效時使用

描述

最近在項目中遇到一個底部內(nèi)容區(qū)域的圖片部分冒出來的需求疫衩,效果圖如下壮莹。


播放器效果圖

其實翅帜,看到這個效果圖就會想到使用android:clipChildren = "false"輕松實現(xiàn),可以參考文檔【Android】神奇的android:clipChildren屬性命满。但是可能由于老項目嵌套布局比較多涝滴,我使用時一直達不到效果,后面嘗試了另一種方法胶台,也可以輕松實現(xiàn)同樣的效果歼疮,所以記錄下。

實現(xiàn)

由于實現(xiàn)比較簡單诈唬,就直接上代碼了韩脏。

  1. 底部布局文件layout_player.xml
<?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="wrap_content"
    android:orientation="vertical"
    android:paddingLeft="10dp"
    android:paddingRight="10dp">

    <View
        android:layout_width="match_parent"
        android:layout_height="0.5dp"
        android:layout_marginTop="8dp"
        android:background="@android:color/darker_gray"/>

    <ImageView
        android:id="@+id/ivCover"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_gravity="bottom"
        android:scaleType="fitXY"
        android:src="@mipmap/ic_launcher"
        />

    <LinearLayout
        android:id="@+id/llParent"
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:layout_gravity="bottom"
        android:layout_marginLeft="60dp"
        android:orientation="horizontal">

        <TextView
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:gravity="center"
            android:text="我是歌詞"/>

        <Button
            android:layout_width="wrap_content"
            android:layout_height="40dp"
            android:layout_gravity=""
            android:text="播放"/>
    </LinearLayout>
</FrameLayout>
  1. Activity布局文件activity_main
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:background="@android:color/holo_blue_dark"
        android:gravity="center"
        android:text="我是內(nèi)容"
        android:textColor="@android:color/white"/>

    <include
        layout="@layout/layout_player"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="-8dp"/>
</LinearLayout>

可能大家也注意到了,其實主要就是通過android:layout_marginTop="-8dp"設置一個負數(shù)铸磅,達到效果赡矢。

總結(jié)

其實實現(xiàn)這個效果也很簡單杭朱,只是有兩點感悟吧。

  1. 官方API不能達到效果時換一條路吹散,別鉆牛角尖弧械。[我當時就是非要用android:clipChildren來實現(xiàn),但是就是不行空民,結(jié)果搞了兩三個小時吧]刃唐。
  2. 巧妙使用android:layout_marginTop設置負數(shù)。
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末界轩,一起剝皮案震驚了整個濱河市画饥,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌浊猾,老刑警劉巖抖甘,帶你破解...
    沈念sama閱讀 218,607評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異与殃,居然都是意外死亡单山,警方通過查閱死者的電腦和手機碍现,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,239評論 3 395
  • 文/潘曉璐 我一進店門幅疼,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人昼接,你說我怎么就攤上這事爽篷。” “怎么了慢睡?”我有些...
    開封第一講書人閱讀 164,960評論 0 355
  • 文/不壞的土叔 我叫張陵逐工,是天一觀的道長。 經(jīng)常有香客問我漂辐,道長泪喊,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,750評論 1 294
  • 正文 為了忘掉前任髓涯,我火速辦了婚禮袒啼,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘纬纪。我一直安慰自己蚓再,他們只是感情好,可當我...
    茶點故事閱讀 67,764評論 6 392
  • 文/花漫 我一把揭開白布包各。 她就那樣靜靜地躺著摘仅,像睡著了一般。 火紅的嫁衣襯著肌膚如雪问畅。 梳的紋絲不亂的頭發(fā)上娃属,一...
    開封第一講書人閱讀 51,604評論 1 305
  • 那天六荒,我揣著相機與錄音,去河邊找鬼膳犹。 笑死恬吕,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的须床。 我是一名探鬼主播铐料,決...
    沈念sama閱讀 40,347評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼豺旬!你這毒婦竟也來了钠惩?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,253評論 0 276
  • 序言:老撾萬榮一對情侶失蹤族阅,失蹤者是張志新(化名)和其女友劉穎篓跛,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體坦刀,經(jīng)...
    沈念sama閱讀 45,702評論 1 315
  • 正文 獨居荒郊野嶺守林人離奇死亡愧沟,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,893評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了鲤遥。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片沐寺。...
    茶點故事閱讀 40,015評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖盖奈,靈堂內(nèi)的尸體忽然破棺而出混坞,到底是詐尸還是另有隱情,我是刑警寧澤钢坦,帶...
    沈念sama閱讀 35,734評論 5 346
  • 正文 年R本政府宣布究孕,位于F島的核電站,受9級特大地震影響爹凹,放射性物質(zhì)發(fā)生泄漏厨诸。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,352評論 3 330
  • 文/蒙蒙 一禾酱、第九天 我趴在偏房一處隱蔽的房頂上張望微酬。 院中可真熱鬧,春花似錦宇植、人聲如沸得封。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,934評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽忙上。三九已至,卻和暖如春闲坎,著一層夾襖步出監(jiān)牢的瞬間疫粥,已是汗流浹背茬斧。 一陣腳步聲響...
    開封第一講書人閱讀 33,052評論 1 270
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留梗逮,地道東北人项秉。 一個月前我還...
    沈念sama閱讀 48,216評論 3 371
  • 正文 我出身青樓,卻偏偏與公主長得像慷彤,于是被迫代替她去往敵國和親娄蔼。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,969評論 2 355

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