如何在android中模糊主布局的背景图像?
我只是想使背景图像看起来模糊(像散焦),我使用了alpha,但它不仅设置了我的背景图像的alpha,而且还设置了整个内容…有没有办法,我可以设置模糊效果只对我的背景图像如何在android中模糊主布局的背景图像?,android,alpha,Android,Alpha,我只是想使背景图像看起来模糊(像散焦),我使用了alpha,但它不仅设置了我的背景图像的alpha,而且还设置了整个内容…有没有办法,我可以设置模糊效果只对我的背景图像 需要帮助提前感谢 请使用下面的教程进行背景模糊 导航抽屉: 片段: 图像:如果要在布局中模糊图像: 布局: 公共类MainActivity扩展了活动{ private static final String BLURRED_IMG_PATH = "blurred_image.png"; private static fi
需要帮助提前感谢 请使用下面的教程进行背景模糊
private static final String BLURRED_IMG_PATH = "blurred_image.png";
private static final int TOP_HEIGHT = 700;
private ListView mList;
private ImageView mBlurredImage;
private View headerView;
private ImageView mNormalImage;
private ScrollableImageView mBlurredImageHeader;
private Switch mSwitch;
private float alpha;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
requestWindowFeature(Window.FEATURE_INDETERMINATE_PROGRESS);
setContentView(R.layout.activity_main);
// Get the screen width
final int screenWidth = ImageUtils.getScreenWidth(this);
// Find the view
mBlurredImage = (ImageView) findViewById(R.id.blurred_image);
mNormalImage = (ImageView) findViewById(R.id.normal_image);
mBlurredImageHeader = (ScrollableImageView) findViewById(R.id.blurred_image_header);
mSwitch = (Switch) findViewById(R.id.background_switch);
mList = (ListView) findViewById(R.id.list);
// prepare the header ScrollableImageView
mBlurredImageHeader.setScreenWidth(screenWidth);
// Action for the switch
mSwitch.setOnCheckedChangeListener(new OnCheckedChangeListener() {
@Override
public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
if (isChecked) {
mBlurredImage.setAlpha(alpha);
} else {
mBlurredImage.setAlpha(0f);
}
}
});
// Try to find the blurred image
final File blurredImage = new File(getFilesDir() + BLURRED_IMG_PATH);
if (!blurredImage.exists()) {
// launch the progressbar in ActionBar
setProgressBarIndeterminateVisibility(true);
new Thread(new Runnable() {
@Override
public void run() {
// No image found => let's generate it!
BitmapFactory.Options options = new BitmapFactory.Options();
options.inSampleSize = 2;
Bitmap image = BitmapFactory.decodeResource(getResources(), R.drawable.image, options);
Bitmap newImg = Blur.fastblur(MainActivity.this, image, 12);
ImageUtils.storeImage(newImg, blurredImage);
runOnUiThread(new Runnable() {
@Override
public void run() {
updateView(screenWidth);
// And finally stop the progressbar
setProgressBarIndeterminateVisibility(false);
}
});
}
}).start();
} else {
// The image has been found. Let's update the view
updateView(screenWidth);
}
String[] strings = getResources().getStringArray(R.array.list_content);
// Prepare the header view for our list
headerView = new View(this);
headerView.setLayoutParams(new LayoutParams(LayoutParams.MATCH_PARENT, TOP_HEIGHT));
mList.addHeaderView(headerView);
mList.setAdapter(new ArrayAdapter<String>(this, R.layout.list_item, strings));
mList.setOnScrollListener(new OnScrollListener() {
@Override
public void onScrollStateChanged(AbsListView view, int scrollState) {
}
/**
* Listen to the list scroll. This is where magic happens ;)
*/
@Override
public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {
// Calculate the ratio between the scroll amount and the list
// header weight to determinate the top picture alpha
alpha = (float) -headerView.getTop() / (float) TOP_HEIGHT;
// Apply a ceil
if (alpha > 1) {
alpha = 1;
}
// Apply on the ImageView if needed
if (mSwitch.isChecked()) {
mBlurredImage.setAlpha(alpha);
}
// Parallax effect : we apply half the scroll amount to our
// three views
mBlurredImage.setTop(headerView.getTop() / 2);
mNormalImage.setTop(headerView.getTop() / 2);
mBlurredImageHeader.handleScroll(headerView.getTop() / 2);
}
});
}
private void updateView(final int screenWidth) {
Bitmap bmpBlurred = BitmapFactory.decodeFile(getFilesDir() + BLURRED_IMG_PATH);
bmpBlurred = Bitmap.createScaledBitmap(bmpBlurred, screenWidth, (int) (bmpBlurred.getHeight()
* ((float) screenWidth) / (float) bmpBlurred.getWidth()), false);
mBlurredImage.setImageBitmap(bmpBlurred);
mBlurredImageHeader.setoriginalImage(bmpBlurred);
}
private static final String fuzzle\u IMG\u PATH=“fuzzle\u image.png”;
专用静态最终内部顶部高度=700;
私有ListView-mList;
私有图像查看mBlurredImage;
私有视图headerView;
私有图像视图mNormalImage;
私有滚动图像视图mBlurredImageHeader;
专用交换开关;
私人浮动阿尔法;
@凌驾
创建时受保护的void(Bundle savedInstanceState){
super.onCreate(savedInstanceState);
requestWindowFeature(Window.FEATURE\u不确定\u进度);
setContentView(R.layout.activity_main);
//获取屏幕宽度
final int screenWidth=ImageUtils.getScreenWidth(this);
//找到视图
mBlurredImage=(ImageView)findViewById(R.id.fuzzy_图像);
mNormalImage=(ImageView)findViewById(R.id.normal\u图像);
mBlurredImageHeader=(ScrollableImageView)findViewById(R.id.fuzzle\u image\u header);
mSwitch=(开关)findviewbyd(R.id.background\u开关);
mList=(ListView)findViewById(R.id.list);
//准备标题ScrollableImageView
mBlurredImageHeader.设置屏幕宽度(屏幕宽度);
//开关的动作
mSwitch.setOnCheckedChangeListener(新的OnCheckedChangeListener(){
@凌驾
检查更改后的公共无效(复合按钮视图,布尔值已检查){
如果(已检查){
mBlurredImage.setAlpha(α);
}否则{
mBlurredImage.setAlpha(0f);
}
}
});
//试着找出模糊的图像
最终文件blurredImage=新文件(GetFileDir()+模糊的\u IMG\u路径);
如果(!blurredImage.exists()){
//在ActionBar中启动progressbar
SetProgressBarInDeterminateVibility(真);
新线程(newrunnable()){
@凌驾
公开募捐{
//找不到图像=>让我们生成它!
BitmapFactory.Options=new-BitmapFactory.Options();
options.inSampleSize=2;
位图image=BitmapFactory.decodeResource(getResources(),R.drawable.image,选项);
位图newImg=Blur.fastblur(MainActivity.this,image,12);
ImageUtils.storeImage(newImg、bluredimage);
runOnUiThread(新的Runnable(){
@凌驾
公开募捐{
更新视图(屏幕宽度);
//最后停止进度条
SetProgressBarInDeterminateVibility(假);
}
});
}
}).start();
}否则{
//已找到图像。让我们更新视图
更新视图(屏幕宽度);
}
String[]strings=getResources().getStringArray(R.array.list\u content);
//准备列表的标题视图
headerView=新视图(该视图);
headerView.setLayoutParams(新的LayoutParams(LayoutParams.MATCH_PARENT,TOP_HEIGHT));
mList.addHeaderView(headerView);
mList.setAdapter(新的ArrayAdapter(this,R.layout.list_项,strings));
mslist.setOnScrollListener(新的OnScrollListener(){
@凌驾
公共无效onScrollStateChanged(AbsListView视图,int scrollState){
}
/**
*听列表滚动。这是魔术发生的地方;)
*/
@凌驾
public void onScroll(AbsListView视图、int firstVisibleItem、int visibleItemCount、int totalItemCount){
//计算滚动量与列表之间的比率
//确定顶部图片alpha的标题重量
alpha=(float)-headerView.getTop()/(float)顶部高度;
//贴上天花板
如果(α>1){
α=1;
}
//如果需要,在ImageView上应用
if(mSwitch.isChecked()){
mBlurredImage.setAlpha(α);
}
//视差效果:我们将滚动量的一半应用于
//三种观点
mBlurredImage.setTop(headerView.getTop()/2);
mNormalImage.setTop(headerView.getTop()/2);
mBlurredImageHeader.handleScroll(headerView.getTop()/2);
}
});
}
私有void updateView(最终整型屏幕宽度){
位图bmpBlurred=BitmapFactory.decodeFile(getFilesDir()+模糊的\u IMG\u路径);
bmpBlurred=Bitmap.createScaledBitmap(bmpBlurred,screenWidth,(int)(bmpBlurred.getHeight()
*((float)screenWidth)/(float)bmpBlurred.getWidth()),false);
mBlurredImage.setImageBitmap(bmpBlurred);
mBlurredImageHeader.setoriginalImage(bmpBlurred);
}
}Kotlin代码,使用视图效果库: 1-在build.gradle中添加库:
implementation 'com.github.mirrajabi:view-effects:e355a1bac4'
2-模糊根视图或视图的背景,此处约束布局模糊20%
ViewFilter.getInstance(this)
.setRenderer( BlurRenderer(20))
.applyFilterOnView( root_constraintLayout,
root_constraintLayout )
我的github模糊背景存储库:查看此页面:为什么被否决?我的图标和文本为白色…如果我使用白色图像…则所有内容都不可见…我想在图像上设置一些灰色效果,以便我可以看到我的图标和文本。。