簡介:最最輕量級的新手引導庫,能夠快速為任何一個 View 創建一個遮罩層,支持單個頁面,多個引導提示,支持為高亮區域設置不同的圖形,支持引導動畫,方便擴展
項目地址:binIoter/GuideView
GuideView
本系統能夠快速的為一個 Activity 里的任何一個 View 控件創建一個遮罩式的導航頁。
工作原理
首先它需要一個目標 View 或者它的 id,我們通過 findViewById 來得到這個 View,計算它在屏幕上的區域 targetRect,通過這個區域,開始繪制一個覆蓋整個 Activity 的遮罩,可以定義遮罩的顏色和透明度,然而目標 View 被繪制成透明從而實現高亮的效果。接下來是在相對于這個 targetRect 的區域繪制一些圖片或者文字。我們把這樣一張圖片或者文字抽象成一個 Component 接口,設置文字或者圖片,所有的圖片文字都是相對于 targetRect 來定義的。可以設定額外的 x,y 偏移量,可以對遮罩系統設置可見狀態的發生變化時的監聽回調,可以對遮罩系統設置開始和結束時的動畫效,另外,我們可以不對整個 Activity 覆蓋遮罩,而是對某一個 View 覆蓋遮罩。
注意:具體用法參見 demo,內附詳細注釋





usage
public class SimpleComponent implements Component { @Override public View getView(LayoutInflater inflater) { LinearLayout ll = new LinearLayout(inflater.getContext()); LinearLayout.LayoutParams param = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.WRAP_CONTENT); ll.setOrientation(LinearLayout.VERTICAL); ll.setLayoutParams(param); TextView textView = new TextView(inflater.getContext()); textView.setText(R.string.welcome); textView.setTextColor(inflater.getContext().getResources().getColor(R.color.color_white)); textView.setTextSize(20); ImageView imageView = new ImageView(inflater.getContext()); imageView.setImageResource(R.mipmap.arrow); ll.removeAllViews(); ll.addView(textView); ll.addView(imageView); ll.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { Toast.makeText(view.getContext(), "引導層被點擊了", Toast.LENGTH_SHORT).show(); } }); return ll; } @Override public int getAnchor() { return Component.ANCHOR_BOTTOM; } @Override public int getFitPosition() { return Component.FIT_START; } @Override public int getXOffset() { return 30; } @Override public int getYOffset() { return 0; } } public void showGuideView() { final GuideBuilder builder1 = new GuideBuilder(); builder1.setTargetView(button1) .setAlpha(150) .setOverlayTarget(true)//設置目標區域是否高亮顯示 .setOutsideTouchable(false); builder1.setOnVisibilityChangedListener(new GuideBuilder.OnVisibilityChangedListener() { @Override public void onShown() { // Toast.makeText(MutiGuideViewActivity.this, "show", Toast.LENGTH_SHORT).show(); } @Override public void onDismiss() { button2.post(new Runnable() { @Override public void run() { showGuideView2(); } }); // Toast.makeText(MutiGuideViewActivity.this, "dismiss", Toast.LENGTH_SHORT).show(); } }); builder1.addComponent(new SimpleComponent()); Guide guide = builder1.createGuide(); guide.setShouldCheckLocInWindow(false); guide.show(MutiGuideViewActivity.this);}以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。
新聞熱點
疑難解答