美文网首页
简单学习 Palette

简单学习 Palette

作者: 柴柴777 | 来源:发表于2017-02-19 14:54 被阅读40次

    学习palette,好吧我是不知道的,偶然看到,看这个之前又看了一下沉浸式
    http://blog.csdn.net/hard_working1/article/details/54318936

    在Android API 19以上可以使用****.TranslucentDecor***有关的主题,自带相应半透明效果,Theme.Holo.NoActionBar.TranslucentDecor和Theme.Holo.Light.NoActionBar.TranslucentDecor两种主题为新增加的,所以要新建values-v19文件夹并创建styles文件添加如下代码

    实现全屏
    <style name="AppBaseTheme"  parent="android:Theme.Holo.Light.NoActionBar.TranslucentDecor">
    <!--Customize your theme here.-->
    </style>
    

    Android 4.4以上可以添加如下代码

    if(Build.VERSION.SDK_INT >=Build.VERSION_CODES.KITKAT) {   //透明状态栏
    window.addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);//透明导航栏
    window.addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);}
    
    

    Android 5.0 以上也可以使用下面的代码实现全屏

    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
    window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS
        | WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
    window.getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
        | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
        | View.SYSTEM_UI_FLAG_LAYOUT_STABLE);
    window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
    }```
    
    ######此时状态栏占有的位置消失
    

    //在主题里加
    <item name="android:fitsSystemWindows">true</item>
    //layout
    android:fitsSystemWindows="true"
    //java代码里
    view.setFitsSystemWindows(true);

    ######fitsSystemWindows只作用在sdk>=19的系统上就是高于4.4的系统,只要设置了这个属性此view的所有padding属性失效.只有在设置了透明状态栏(StatusBar)或者导航栏(NavigationBar)此属性才会生效
    
    以上为沉浸式的一部分,接下来Palette
    
    ## Palette
    
    Palette的作用是可以从图像中提取图片的颜色。我们可以把提取的颜色融入到App UI中,可以使UI风格更加美观融洽。
    附上**dalao      MaterialDesign系列控件讲解** 
    https://github.com/loonggg/MaterialDesignDemo
    

    Palette.Swatch s = p.getVibrantSwatch(); //获取到充满活力的这种色调
    Palette.Swatch s = p.getDarkVibrantSwatch(); //获取充满活力的黑
    Palette.Swatch s = p.getLightVibrantSwatch(); //获取充满活力的亮
    Palette.Swatch s = p.getMutedSwatch(); //获取柔和的色调
    Palette.Swatch s = p.getDarkMutedSwatch(); //获取柔和的黑
    Palette.Swatch s = p.getLightMutedSwatch(); //获取柔和的亮

    swatch对象对应的颜色方法
    - getPopulation(): 像素的数量
    - getRgb(): RGB颜色
    - getHsl(): HSL颜色
    - getBodyTextColor(): 用于内容文本的颜色
    - getTitleTextColor(): 标题文本的颜色
    
    添加依赖
    ```compile 'com.android.support:palette-v7:23.4.0'```
    
    创建Palette对象,并获取图片的颜色值
    使用generateAsync方法传入当前图片的bitmap,在传入一个监听,在监听里面我们拿到图片上颜色充满活力的颜色,最后设置标题背景和字体的颜色
    

    // 用来提取颜色的Bitmap
    Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.bitmap.icon_palette);
    // Palette的部分
    Palette.Builder builder = Palette.from(bitmap);
    builder.generate(new Palette.PaletteAsyncListener() {@Override public void onGenerated(Palette palette) {
    //获取到充满活力的这种色调
    Palette.Swatch vibrant = palette.getVibrantSwatch();
    //根据调色板Palette获取到图片中的颜色设置到toolbar和tab中背景,标题等,使整个UI界面颜色统一
    toolbar_tab.setBackgroundColor(vibrant.getRgb());
    toolbar_tab.setSelectedTabIndicatorColor(colorBurn(vibrant.getRgb()));
    toolbar.setBackgroundColor(vibrant.getRgb());

        if (android.os.Build.VERSION.SDK_INT >= 21) {
            Window window = getWindow();
            window.setStatusBarColor(colorBurn(vibrant.getRgb()));
            window.setNavigationBarColor(colorBurn(vibrant.getRgb()));
        }
    }
    

    });

    
    

    /**
    * 颜色加深处理
    *
    * @param RGBValues RGB的值,由alpha(透明度)、red(红)、green(绿)、blue(蓝)构成,
    * Android中我们一般使用它的16进制,
    * 例如:"#FFAABBCC",最左边到最右每两个字母就是代表alpha(透明度)、
    * red(红)、green(绿)、blue(蓝)。每种颜色值占一个字节(8位),值域0~255
    * 所以下面使用移位的方法可以得到每种颜色的值,然后每种颜色值减小一下,在合成RGB颜色,颜色就会看起来深一些了
    * @return
    */
    private int colorBurn(int RGBValues) {
    int alpha = RGBValues >> 24;
    int red = RGBValues >> 16 & 0xFF;
    int green = RGBValues >> 8 & 0xFF;
    int blue = RGBValues & 0xFF;
    red = (int) Math.floor(red * (1 - 0.1));
    green = (int) Math.floor(green * (1 - 0.1));
    blue = (int) Math.floor(blue * (1 - 0.1));
    return Color.rgb(red, green, blue);
    }

    相关文章

      网友评论

          本文标题:简单学习 Palette

          本文链接:https://www.haomeiwen.com/subject/vrkjwttx.html