Wie wird ein kreisförmiges Loch erstellt und dieses kreisförmige Loch sollte auf einem Pager mit einigen Bildern erscheinen?

Question

Dieses Bild zeigt voll als Rechteck. Unten ist der Quellcode für das Programm, das ich ausprobiert habe. Das Programm zur Ausführung zeigt die Bilder ohne Probleme an.

Aber was ich will ist eine kreisförmige Maske auf der Ansicht. So.

**activity_main** 

<?xml version="1.0" encoding="utf-8"?> 
<fragment xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:app="http://schemas.android.com/apk/res-auto" 
xmlns:tools="http://schemas.android.com/tools" 
android:id="@+id/fragment" 
android:name="com.example.shrishyl.circleview.MainActivityFragment" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
app:layout_behavior="@string/appbar_scrolling_view_behavior" 
tools:layout="@layout/fragment_main" /> 

fragment_main

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:orientation="vertical" 
android:gravity="center_horizontal" 
android:layout_width="fill_parent" android:layout_height="fill_parent"> 
<android.support.v4.view.ViewPager 
android:id="@+id/pager" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content"> 
</android.support.v4.view.ViewPager> 
</LinearLayout> 

swipe_fragment

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:orientation="vertical" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" 
android:background="@android:color/black" > 
<ImageView 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:id="@+id/imageView" 
android:layout_gravity="center_horizontal" 
android:layout_alignParentTop="true" 
android:layout_centerHorizontal="true" 
android:layout_marginTop="50dp"/> 
</RelativeLayout> 

MainActivit y

import android.graphics.Bitmap; 
import android.graphics.BitmapFactory; 
import android.graphics.BitmapShader; 
import android.graphics.Paint; 
import android.graphics.Shader; 
import android.os.Bundle; 
import android.support.v4.app.Fragment; 
import android.support.v4.app.FragmentActivity; 
import android.support.v4.app.FragmentManager; 
import android.support.v4.app.FragmentPagerAdapter; 
import android.support.v4.graphics.drawable.RoundedBitmapDrawable; 
import android.support.v4.graphics.drawable.RoundedBitmapDrawableFactory; 
import android.support.v4.view.ViewPager; 
import android.view.LayoutInflater; 
import android.view.View; 
import android.view.ViewGroup; 
import android.widget.ImageView; 
public class MainActivity extends FragmentActivity 
{ 
    static final int NUM_ITEMS = 4; 
    ImageFragmentPagerAdapter imageFragmentPagerAdapter; 
    ViewPager viewPager; 
    public static final String[] IMAGE_NAME = {"antartica", "croatia", "iceland", "india"}; 

    @Override 
    protected void onCreate(Bundle savedInstanceState) 
    { 
    super.onCreate(savedInstanceState); 
    setContentView(R.layout.activity_main); 
    imageFragmentPagerAdapter = new ImageFragmentPagerAdapter(getSupportFragmentManager()); 
    viewPager = (ViewPager) findViewById(R.id.pager); 
    viewPager.setAdapter(imageFragmentPagerAdapter); 
    } 

    public static class ImageFragmentPagerAdapter extends FragmentPagerAdapter 
    { 
     public ImageFragmentPagerAdapter(FragmentManager fm) { super(fm); } 

     @Override 
     public int getCount() { return NUM_ITEMS; } 

     @Override 
     public Fragment getItem(int position) 
     { 
     SwipeFragment fragment = new SwipeFragment(); 
     return fragment.newInstance(position); 
     } 
    } 

    public static class SwipeFragment extends Fragment 
    { 
     @Override 
     public View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) 
     { 
      View swipeView = inflater.inflate(R.layout.swipe_fragment, container, false); 
      ImageView imageView = (ImageView) swipeView.findViewById(R.id.imageView); 
      Bundle bundle = getArguments(); 
      int position = bundle.getInt("position"); 
      String imageFileName = IMAGE_NAME[position]; 
      int imgResId = getResources().getIdentifier(imageFileName, "drawable", "com.example.shrishyl.circleview"); 
      Bitmap imageBitmap= BitmapFactory.decodeResource(getResources(), imgResId); 
      imageView.setImageBitmap(imageBitmap); 
      return swipeView; 
     } 
     static SwipeFragment newInstance(int position) 
     { 
      SwipeFragment swipeFragment = new SwipeFragment(); 
      Bundle bundle = new Bundle(); 
      bundle.putInt("position", position); 
      swipeFragment.setArguments(bundle); 
      return swipeFragment; 
     } 
    } 
} 

Answer 1

können Sie tun, indem Leinwand wie im unten mit:

public static class SwipeFragment extends Fragment 
     { 
      @Override 
      public View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) 
      { 
       View swipeView = inflater.inflate(R.layout.swipe_fragment, container, false); 
       ImageView imageView = (ImageView) swipeView.findViewById(R.id.imageView); 
       Bundle bundle = getArguments(); 
       int position = bundle.getInt("position"); 
       String imageFileName = IMAGE_NAME[position]; 
       int imgResId = getResources().getIdentifier(imageFileName, "drawable", "com.example.shrishyl.circleview"); 
       Bitmap imageBitmap= BitmapFactory.decodeResource(getResources(), imgResId); 
       Bitmap circleImage= CircularImage.addPicture(imageBitmap);//By calling this method your image will be converted a circular image 
imageView.setImageBitmap(circleImage);//Here you will set the imageview to the Circular image which was returned by the addPicture Function() in CircularImage class 

       return swipeView; 
      } 
      static SwipeFragment newInstance(int position) 
      { 
       SwipeFragment swipeFragment = new SwipeFragment(); 
       Bundle bundle = new Bundle(); 
       bundle.putInt("position", position); 
       swipeFragment.setArguments(bundle); 
       return swipeFragment; 
      } 
     } 



    } 
     public class CircularImage{ 
     public static Bitmap addPicture(Bitmap bitmap){ 
      Bitmap result = null; 
      try { 
       result = Bitmap.createBitmap(200, 200, Bitmap.Config.ARGB_8888); 
       Canvas canvas = new Canvas(result);// Canvas is class used for drawing , here you will be writing into the result Bitmap 

       int color = 0xff424242; 
       Paint paint = new Paint(); 
       Rect rect = new Rect(0, 0, 200, 200); 

       paint.setAntiAlias(true); 
       canvas.drawARGB(0, 0, 0, 0); 
       paint.setColor(color); 
       canvas.drawCircle(50, 50, 50, paint);//This draws a circle 
       paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN)); 
       canvas.drawBitmap(bitmap, rect, rect, paint);// this puts the image into the circle 
      } catch (NullPointerException e) { 
      } catch (OutOfMemoryError o) { 
      } 
      return result; 
     } 
} 

Was Sie hier tun, ist einfach Sie Bitmap intially und das Zeichnen eines Kreises im Inneren schaffen. Später zeichnen Sie eine Bitmap innerhalb des Kreises. In diesem Fall rufen Sie einfach diese Funktion auf und übergeben Sie die Bitmap, die Sie dem Kreis hinzufügen möchten, als Parameter. Es sollte für Sie arbeiten. Danke,