自定義抽屜菜單

? ? ? ? ? ?Android App開發(fā)過程中努咐,很多時(shí)候會(huì)遇到系統(tǒng)框架中提供的控件無法滿足我們產(chǎn)品的設(shè)計(jì)需求,那么這時(shí)候我們可以選擇先Google下有沒有比較成熟的開源項(xiàng)目可以讓我們用媚朦,當(dāng)然現(xiàn)在Github上面的項(xiàng)目非常豐富咳胃,能夠滿足我們絕不多數(shù)的開發(fā)需求笋庄,但是在使用這些炫酷的第三方控件時(shí),我們也要想一想惰许,我們是不是也可以發(fā)揮自己的想象力席覆,動(dòng)手實(shí)現(xiàn)自己想要的控件,盡可能掌控實(shí)現(xiàn)的細(xì)節(jié)汹买!

View繪制過程:

? ? ? ? ? ?onDraw()??:  view中onDraw()是個(gè)空函數(shù)佩伤,也就是說具體的視圖都要覆寫該函數(shù)來實(shí)現(xiàn)自己的繪制。對(duì)于ViewGroup則不需要實(shí)現(xiàn)該函數(shù)晦毙,因?yàn)樽鳛槿萜魇恰皼]有內(nèi)容“的

? ? ? ? ? ??onLayout()?: ? ?主要是為viewGroup類型布局子視圖用的生巡,在View中這個(gè)函數(shù)為空函數(shù)。

? ? ? ? ? ??onMeasure():??  用于計(jì)算視圖大屑省(即長(zhǎng)和寬)的方式孤荣。

? ? ? ? ? ??onTouchEvent??  定義觸屏事件來響應(yīng)用戶操作。

View:

Android所有的控件都是View或者View的子類,它其實(shí)表示的就是屏幕上的一塊矩形區(qū)域盐股,用一個(gè)Rect來表示钱豁,left,top表示View相對(duì)于它的parent View的起點(diǎn)遂庄,width寥院,height表示View自己的寬高劲赠,通過這4個(gè)字段就能確定View在屏幕上的位置涛目,確定位置后就可以開始繪制View的內(nèi)容了。

獲取屏幕寬度:

Android已經(jīng)提供DisplayMetircs類可以很方便的獲取分辨率凛澎。

WindowManager?wm?=?(WindowManager)?context?.getSystemService(Context.WINDOW_SERVICE);

?DisplayMetrics?outMetrics?=?new?DisplayMetrics();

wm.getDefaultDisplay().getMetrics(outMetrics);

?screenWidth?=?outMetrics.widthPixels;

自定義屬性:

? ? ? ? 有時(shí)候Android傳統(tǒng)的頁(yè)面布局不足以滿足我們的需求霹肝,常常需要自己定義view,通常繼承View塑煎,然后重寫構(gòu)造方法以及onDraw等函數(shù)沫换,再具體實(shí)現(xiàn)自己定義的復(fù)雜view。我們知道在給控件賦屬性時(shí)最铁,通常使用的是android系統(tǒng)自帶的屬性讯赏,比如 android:layout_height="wrap_content",除此之外冷尉,我們亦可以自己定義屬性漱挎,這樣在使用的時(shí)候我們就可以使用形

? ? ? ? ?如 myapp:myTextSize="20sp"的方式了

步驟大致如下:

1》在項(xiàng)目文件res/value下面創(chuàng)建一個(gè)attr.xml文件,該文件中包含若干個(gè)attr集合雀哨,例如:


format還可以指定其他的類型比如;

reference?? 表示引用磕谅,參考某一資源ID

?string?? 表示字符串

?color?? 表示顏色值

?dimension?? 表示尺寸值

?boolean?? 表示布爾值

?integer?? 表示整型值

float?? 表示浮點(diǎn)值

?fraction?? 表示百分?jǐn)?shù)

enum?? 表示枚舉值


可以看到我們的命名空間:xmlns:zhy="http://schemas.android.com/apk/res/com.example.zhy_slidingmenu" 是http://schemas.android.com/apk/res/加上我們的包名;


? ?我們?cè)谧远xView 時(shí)雾棺,一般都會(huì)用到 ?TypedArray obtainStyledAttributes(?AttributeSet set, int[] attrs, int defStyleAttr, int defStyleRes)膊夹;? 對(duì)于它的前面2個(gè)參數(shù)可能大家都知道

defStyleAttr?指向當(dāng)前theme?某個(gè)item?描述的style?該style指定了一些默認(rèn)值為這個(gè)TypedArray?defStyleRes??當(dāng)defStyleAttr?找不到或者為0,?可以直接指定某個(gè)style

TypedArray中的函數(shù)是獲取自定義屬性的

獲取px像素值:

ta.getDimensionPixelOffset(attr,def)

Dp轉(zhuǎn)px方法

int?size?=?(int)TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP,?20,?context.getResources().getDisplayMetrics());??這里COMPLEX_UNIT_DIP是單位捌浩,20是數(shù)值放刨,也就是20dp


代碼:

? 效果圖:


適配文件Sliding

package com.example.myslidingmenub;

import android.content.Context;

import android.util.AttributeSet;

import android.util.DisplayMetrics;

import android.util.TypedValue;

import android.view.MotionEvent;

import android.view.ViewGroup;

import android.view.WindowManager;

import android.widget.HorizontalScrollView;

import android.widget.LinearLayout;

public class Slidingitem extends HorizontalScrollView {

//屏幕的寬度

private int screenWidth;

//內(nèi)容區(qū)域的寬度

private int contentWidth;

//菜單的寬度

private int menuWidth;

//菜單一半的寬度

private int halfmenuWidth;

//菜單的右邊距

private int rightPading;

private boolean isMesure;

//是否已經(jīng)打開菜單

private boolean isOpen;

/*

* 當(dāng)沒有使用自定義屬性時(shí),調(diào)用

* */

public Slidingitem(Context context, AttributeSet attrs) {

super(context, attrs);

// TODO Auto-generated constructor stub

WindowManager wm=(WindowManager) context.getSystemService(Context.WINDOW_SERVICE);

DisplayMetrics outMetrics=new DisplayMetrics();

wm.getDefaultDisplay().getMetrics(outMetrics);

screenWidth=outMetrics.widthPixels;

}

@Override

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

// TODO Auto-generated method stub

super.onMeasure(widthMeasureSpec, heightMeasureSpec);

if(!isMesure){

isMesure=true;//避免mesure方法多次調(diào)用

//獲取菜單和內(nèi)容試圖

LinearLayout wrapper=(LinearLayout) getChildAt(0);

ViewGroup menu=(ViewGroup) wrapper.getChildAt(0);

ViewGroup content=(ViewGroup) wrapper.getChildAt(1);

//計(jì)算右邊距100dp轉(zhuǎn)為px

rightPading = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 100, content.getResources().getDisplayMetrics());

menuWidth = screenWidth-rightPading;

halfmenuWidth=menuWidth/2;

//給菜單和內(nèi)容區(qū)域設(shè)置寬度

menu.getLayoutParams().width=menuWidth;

content.getLayoutParams().width=screenWidth;

}

}

@Override

protected void onLayout(boolean changed, int l, int t, int r, int b) {

// TODO Auto-generated method stub

super.onLayout(changed, l, t, r, b);

if(changed){

this.scrollTo(menuWidth, 0);

}

}

@Override

public boolean onTouchEvent(MotionEvent ev) {

// TODO Auto-generated method stub

switch (ev.getAction()) {

case MotionEvent.ACTION_UP:

//getScrollX()獲得劃出屏幕左側(cè)的寬度

int scrollx=getScrollX();

if(scrollx>halfmenuWidth){

this.smoothScrollTo(menuWidth, 0);

}else{

this.smoothScrollTo(0, 0);

}

return true;

}

return super.onTouchEvent(ev);

}

public void openDrawer() {

// TODO Auto-generated method stub

if(isOpen){

return;

}

this.smoothScrollTo(0, 0);

isOpen=true;

}

public void close() {

// TODO Auto-generated method stub

if(isOpen){

this.smoothScrollTo(menuWidth, 0);

isOpen=false;

}

}

public void toggle(){

if(isOpen){

close();

}else{

openDrawer();

}

}

}

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末尸饺,一起剝皮案震驚了整個(gè)濱河市进统,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌侵佃,老刑警劉巖麻昼,帶你破解...
    沈念sama閱讀 217,657評(píng)論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異馋辈,居然都是意外死亡抚芦,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,889評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來叉抡,“玉大人尔崔,你說我怎么就攤上這事∪烀瘢” “怎么了季春?”我有些...
    開封第一講書人閱讀 164,057評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)消返。 經(jīng)常有香客問我载弄,道長(zhǎng),這世上最難降的妖魔是什么撵颊? 我笑而不...
    開封第一講書人閱讀 58,509評(píng)論 1 293
  • 正文 為了忘掉前任宇攻,我火速辦了婚禮,結(jié)果婚禮上倡勇,老公的妹妹穿的比我還像新娘逞刷。我一直安慰自己,他們只是感情好妻熊,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,562評(píng)論 6 392
  • 文/花漫 我一把揭開白布夸浅。 她就那樣靜靜地躺著,像睡著了一般扔役。 火紅的嫁衣襯著肌膚如雪帆喇。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,443評(píng)論 1 302
  • 那天厅目,我揣著相機(jī)與錄音番枚,去河邊找鬼。 笑死损敷,一個(gè)胖子當(dāng)著我的面吹牛葫笼,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播拗馒,決...
    沈念sama閱讀 40,251評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼路星,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了诱桂?” 一聲冷哼從身側(cè)響起洋丐,我...
    開封第一講書人閱讀 39,129評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎挥等,沒想到半個(gè)月后友绝,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,561評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡肝劲,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,779評(píng)論 3 335
  • 正文 我和宋清朗相戀三年迁客,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了郭宝。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,902評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡掷漱,死狀恐怖粘室,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情卜范,我是刑警寧澤衔统,帶...
    沈念sama閱讀 35,621評(píng)論 5 345
  • 正文 年R本政府宣布,位于F島的核電站海雪,受9級(jí)特大地震影響锦爵,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜喳魏,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,220評(píng)論 3 328
  • 文/蒙蒙 一棉浸、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧刺彩,春花似錦、人聲如沸枝恋。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,838評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)焚碌。三九已至畦攘,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間十电,已是汗流浹背知押。 一陣腳步聲響...
    開封第一講書人閱讀 32,971評(píng)論 1 269
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留鹃骂,地道東北人台盯。 一個(gè)月前我還...
    沈念sama閱讀 48,025評(píng)論 2 370
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像畏线,于是被迫代替她去往敵國(guó)和親静盅。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,843評(píng)論 2 354

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