1. 程式人生 > >android View實現變暗效果

android View實現變暗效果

android專案中做一個預設圖片變暗,有焦點時變亮的效果。相信大家都能各種辦法,各種手段很容易的實現這個效果。這裡記錄下作者實現這個效果的過程及遇到的問題,僅供參考。
見下圖(注:因為是eclipse截圖,所以有點色差了,黃色變成藍色,不過暗亮的效果還是明顯的O(∩_∩)O~):

1.腦袋裡轉的第一個實現的想法是:
 2張圖片,一張暗圖,一張亮圖。監聽焦點事件,更換圖片。
    誒,這不是demo誒,哪來一個資源圖片弄2份,並且這圖片是從伺服器上獲取的,不實際。

2.記得之前有過用設定控制元件的透明度。好,來試試:
    嗯?有2個不同的過載方法,形參分別為float和int。這倆有啥區別呢?

1 public void setAlpha(float alpha)

設定View的透明度為0~1的值,0完全透明,1完全不透明。注意這裡說的是View

1 public void setAlpha(int alpha)

設定 image 的透明度,並且該方法在API 16的版本里被setImageAlPha(int)代替

好吧,眼見為實,來分別看看效果:

iv.setAlpha(0.5f)效果圖為:

setImageAlpha(100),效果為:╮(╯▽╰)╭

給我報異常退出了。

1 07-08 21:17:12.012: E/AndroidRuntime(29310): java.lang.NoSuchMethodError: android.widget.ImageView.setImageAlpha

測試機為android4.0.3,對應api為15.eclipse裡有設定對應為16的api,但一執行就掛了╮(╯▽╰)╭。目測應該是相容性問題,這裡不深究了,感覺上篇講的targetVersion有關,不過沒驗證哈。
這裡還有另外一個方法,iv.getBackground().setAlpha(100);

執行效果出來和上圖使用iv.setAlpha(0.5f),不過透明程度有點不一致(但沒大看出來)。前者值為(1~255),後者
為(0~1)。

好吧。到這裡大家應該發現,和想要實現的效果相差甚遠吧,作者也大失所望。因為這個我也是百度google“android imageView 實現變暗效果”,一堆的連結進去就是上面這種方法。這明顯是變透明,
變暗透明,不可為誒。

繼續找找還有啥子方法呢?不小心找到了個這個方法:

顏色過濾?是不ps的濾鏡?來看下怎麼用:

來試下效果:

1 iv.setColorFilter(Color.TRANSPARENT,PorterDuff.Mode.XOR);
額,貌似效果沒變誒。看看上面用法說明
Set a tinting option for the image

貌似是設定圖片image,不是控制元件ImageView的.好吧,換成下面的用法:

1 Drawable drawable = imgs.get(i);
2 drawable.setColorFilter(Color.TRANSPARENT,PorterDuff.Mode.XOR);
3 iv.setImageDrawable(drawable);
誒,貌似沒效果。再仔細琢磨下,是不上面用的顏色值不對呢?好吧,換下成Color.GRAY,也不對呀。之後不管用哪個顏色,圖片都顯示不出來。 
好吧,我妥協了。用上面帖子裡的例子試下吧。改成多層樣式的:
1 drawable.setColorFilter(Color.GRAY,PorterDuff.Mode.MULTIPLY);

O(∩_∩)O~哈哈,效果出來了:

這是個不錯的嘗試。然後獲取焦點時,把這個濾鏡清掉就OK了。

1

相關推薦

android View實現效果

android專案中做一個預設圖片變暗,有焦點時變亮的效果。相信大家都能各種辦法,各種手段很容易的實現這個效果。這裡記錄下作者實現這個效果的過程及遇到的問題,僅供參考。 見下圖(注:因為是eclipse截圖,所以有點色差了,黃色變成藍色,不過暗亮的效果還是明顯的O(

Android:通過濾鏡實現點選圖片效果

package com.linj.camera.view; import android.content.Context; import android.graphics.Color; import android.graphics.PorterDuff; import android.gra

Android 簡單實現Activity介面效果

效果圖: 程式碼實現如下: private void dimBackground(final float from, final float to) { final W

Android PopupWindow彈出視窗的完美實現實現彈出背景效果

最近嘗試使用popupWindow實現背景變暗效果,自己優化了一下,並封裝成一個可以呼叫的方法,預設實現彈出視窗顯示在傳入view的下方,以下程式碼有詳細註釋,有問題可以留言 展示效果如下: 程式碼展示 佈局中 <RelativeLayou

Android自定義View——實現水波紋效果類似剩余流量球

string 三個點 pre ber block span 初始化 move 理解 最近突然手癢就想搞個貝塞爾曲線做個水波紋效果玩玩,終於功夫不負有心人最後實現了想要的效果,一起來看下吧: 效果圖鎮樓 一:先一步一步來分解一下實現的過程 需要繪制一個正弦曲線(sin

Android控制元件】點選效果

需要準備 兩張圖片做背景,一張的正常顯示的效果,一張是點選後呈現的效果。 或者兩個表示不同效果的xml檔案,一個表示正常顯示的效果,一個表示點選後呈現的效果。 <!--greenbutton_pressed--> <

Android 自定義View實現拖拽效果

騰訊QQ有那種紅點拖動效果,今天就來實現一個簡單的自定義View拖動效果,再回到原處,並非完全仿QQ紅點拖動 先來看一下效果圖 簡單說一下實現步驟 1.建立一個類繼承View 2.繪製出一個

Android 自定義View實現圓形環繞效果

之前專案中需要實現一個四周環繞中心圓形頭像的效果,感覺還是自定義比較方便,於是就自己封裝了一個控制元件去實現。先貼張圖顯示最終效果。 首先自定義一個View繼承自LinearLayout,通過動態新增childView的方式將子控制元件新增到View中。思路是先新增中間圓形頭像

Android view滑動懸浮固定效果實現

1.背景 在專案開發過程中,有時候會碰到這樣的需求:在滑動的過程中,在某時要將子view固定在頂部(常見的是將介面中的tab在滑動到頂部的時候進行固定)。 之前寫過一篇滑動元件懸浮固定在頂部的部落格,但感覺還是有些複雜,因此就有了這次的實現。效果圖: 2.思路 (Coor

Android 自定義view實現水波紋效果

今天主要分享水波紋效果:1.標準正餘弦水波紋;2.非標準圓形液柱水波紋;雖說都是水波紋,但兩者在實現上差異是比較大的,一個通過正餘弦函式模擬水波紋效果,另外一個會運用到影象的混合模式(PorterDuffXfermode);先看效果:                     

Android自定義View實現水波紋效果

本篇博文介紹一個Android自定義View的案例,後續博文會接下自定義View的相關流程和繪製原理。通過自定義控制元件實現。觸控式螢幕幕實現水波紋效果。實現步驟第1步.自定義MyWave繼承Viewpublic class MyWave extends View {}第2步

Android使用Recycler View實現瀑布流效果

下圖是淘寶上瀑布流的一個應用場景,今天我們就來用Recycler View實現以下瀑布流效果 一:建立Activity activity中 核心程式碼為 mRvPu.setLayoutManager(new StaggeredGridLayoutManager(2,

Android自定義View——實現水波紋效果類似剩餘流量球

最近突然手癢就想搞個貝塞爾曲線做個水波紋效果玩玩,終於功夫不負有心人最後實現了想要的效果,一起來看下吧: 效果圖鎮樓 一:先一步一步來分解一下實現的過程 需要繪製一個正弦曲線(sin)或者餘弦曲線(cos) 通過水平平移曲線來的到像水

Android:自定義View實現水波進度效果

首先上效果圖: 簡介: 1.自動適應螢幕大小; 2.水波自動橫向滾動; 3.各種繪製引數可通過修改常量進行控制。 程式碼不多,註釋也比較詳細,全部貼上: (一)自定義元件: /** * 水波進度效果. */ public class WaterWaveView e

Android view滑動懸浮固定效果實現-踩坑記

android新特性:使用CollapsingToolbarLayout實現摺疊效果及問題解決[有比較嚴重的卡頓感]https://www.jianshu.com/p/485223349703CollapsingToolbarLayout有滑動摺疊有嚴重的卡頓,不順暢,實現一

Android自定義View實現圓弧進度效果

前言:Android開發中,自定義View實現自己想要的效果已成為一項必備的技能,當然自定義View也是Android開發中比較難的部分,涉及到的知識有Canvas(畫布),Paint(畫筆)等,自定義控制元件分為三種:一是直接繼承自View,完全的自定義;二是在原有控制元件

從頭到尾給你講明白Android View實現原理

Activity是Android開發者寫第一行程式碼起就開始接觸到的。而在onCreate方法中呼叫setContentView(R.layout.main_activity),恐怕也是絕大多數開發者的頭等任務。然後我們可以呼叫findViewById(R.id.xxx)來獲取佈局中的某

android TextView實現滾動顯示效果(列表中多個同時滾動,親測可用)

 在android中,如果設定了TextView控制元件為單行顯示,且顯示的文字太長的話,預設情況下會造成顯示不全的情況,這種情況下我們需要設定該控制元件屬性如下: <TextView android:id="@+id/tv1"

自定義view實現水波紋效果

自定義view實現水波紋效果 參考csdn大神 啟艦的部落格http://blog.csdn.net/harvic880925/article/details/50995587,自己實現了一遍,碰到的坑有2個: 1、記得呼叫mPath.reset(),否則每次的path內容會疊

Android TextView 實現跑馬燈效果

自定義一個TextView控制元件 public class MarqueeTextView extends AppCompatTextView { public MarqueeTextView(Context context) { s