人人客戶端有一個特效還是挺吸引人的,在主界面手指向右滑動,就可以將菜單展示出來,而主界面會被隱藏大部分,但是仍有左側(cè)的一小部分同菜單一起展示。
據(jù)說人人客戶端的這個特效是從facebook客戶端模仿來的,至于facebook是不是又從其它地方模仿來的就不得而知了。好,今天我們就一起來實現(xiàn)這個效果,總之我第一次看到這個特效是在人人客戶端看到的,我也就主觀性地認為我是在模仿人人客戶端的特效了。
雖然現(xiàn)在網(wǎng)上類似這種效果的實現(xiàn)也非常多,可是我發(fā)現(xiàn)實現(xiàn)方案大都非常復(fù)雜,并不容易理解。但其實這種效果并不難實現(xiàn),因此我今天給大家?guī)淼囊彩鞘飞献詈唵蔚幕瑒硬藛螌崿F(xiàn)方案。
首先還是講一下實現(xiàn)原理。在一個Activity的布局中需要有兩部分,一個是菜單(menu)的布局,一個是內(nèi)容(content)的布局。兩個布局橫向排列,菜單布局在左,內(nèi)容布局在右。初始化的時候?qū)⒉藛尾季窒蜃笃?,以至于能夠完全隱藏,這樣內(nèi)容布局就會完全顯示在Activity中。然后通過監(jiān)聽手指滑動事件,來改變菜單布局的左偏移距離,從而控制菜單布局的顯示和隱藏。
原理圖如下:
將菜單布局的左偏移值改成0時。
效果圖如下:
好,我們開始用代碼來實現(xiàn)。首先在Eclipse中新建一個Android項目,項目名就叫做RenRenSlideMenuDemo。然后寫一下布局文件,創(chuàng)建或打開layout目錄下的activity_main.xml文件,加入如下代碼:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="horizontal" tools:context=".MainActivity" > <LinearLayout android:id="@+id/menu" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="@drawable/menu" > </LinearLayout> <LinearLayout android:id="@+id/content" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="@drawable/content" > </LinearLayout> </LinearLayout>
本文名稱:Android仿人人客戶端滑動菜單的側(cè)滑菜單效果-創(chuàng)新互聯(lián)
網(wǎng)頁路徑:http://aaarwkj.com/article18/dopdgp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供手機網(wǎng)站建設(shè)、ChatGPT、做網(wǎng)站、網(wǎng)站設(shè)計公司、App開發(fā)、App設(shè)計
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)