图像视图阴影像材料设计

时间:2015-11-20 06:58:56

标签: android android-imageview material-design

我知道有很多问题,但它不适合我,所以我发布了这个问题:

我在我的应用程序中添加了一个圆形Imageview,我想要一些高度/阴影,这样它不仅在21之后对所有Api起作用。那么我该怎么办?

这是我的代码:

xml:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
    android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity"
    >


    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/imageView"
        android:layout_centerVertical="true"
        android:layout_centerHorizontal="true"
        android:background="@drawable/mybackground"

        />
</RelativeLayout>

这是drawable中的mybackground:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <solid android:color="#42000000" />
    <corners android:radius="5dp" />
</shape>

这是我的代码:

public class MainActivity extends AppCompatActivity {
Bitmap bmp;

    @TargetApi(Build.VERSION_CODES.JELLY_BEAN)
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        bmp = BitmapFactory.decodeResource(getResources(), R.drawable.frames);
        bmp = getroundedBitmap(bmp);
        ImageView iv = (ImageView) findViewById(R.id.imageView);
iv.setImageBitmap(bmp);
       //iv.setBackground(new BitmapDrawable(getResources(),bmp));
        Outline outline = null;
       /* if (android.os.Build.VERSION.SDK_INT >= android.os.Build.VERSION_CODES.LOLLIPOP) {
         //   outline = new Outline();
          //  outline.setOval(0,0,iv.getWidth(),iv.getHeight());
          iv.setElevation(1500);

        }*/

    }

    private Bitmap getroundedBitmap(Bitmap bmp) {
        int targetwidth = 250;
        int targetheight = 250;
        Bitmap targetBitmap = Bitmap.createBitmap(targetwidth,targetheight,Bitmap.Config.ARGB_8888);
        Canvas canvas = new Canvas(targetBitmap);
        Path path = new Path();
        path.addCircle(((float) targetwidth - 1) / 2, ((float) targetheight - 1) / 2, Math.min(targetwidth, targetheight) / 2, Path.Direction.CCW);
        canvas.clipPath(path);

        Paint p = new Paint();
        p.setColor(Color.WHITE);
        canvas.drawBitmap(bmp, new Rect(0, 0, bmp.getWidth(), bmp.getHeight()), new Rect(0, 0, targetwidth, targetheight), null);

        return targetBitmap;
    }


}

请帮帮我。我在android studio工作

2 个答案:

答案 0 :(得分:0)

在API 21之前,提升无法工作,但您可以通过阴影帮助解决问题。在mybackground drawable中创建一个阴影(在你的情况下为圆形)。使用layer-list作为父元素,使用渐变在其中创建阴影层。

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="oval">
            <gradient android:startColor="#d1c4e9"
                android:endColor="@android:color/transparent"
                android:angle="270"/>
        </shape>
    </item>
    <item android:right="1dp" android:left="1dp" android:bottom="3dp">
        <shape android:shape="oval">
            <solid android:color="#673ab7"/>
        </shape>
    </item>
</layer-list>

答案 1 :(得分:0)

我们可以使用ImageView Inside CardView,高度和宽度与cardView匹配 尝试一次,它会起作用。