das Bild im Menü auf einen Kreis verändern

Question

wie kann ich in einen Kreis um dieses Bild ändern

Click here

picasso

navigationDrawerHome.setNavigationItemSelectedListener(new NavigationView.OnNavigationItemSelectedListener() { 
      @Override 
      public boolean onNavigationItemSelected(@NonNull MenuItem item) { 
       if(item.getItemId() == R.id.menu_facebook) 
       { 
        navigationDrawerHome.getMenu().findItem(R.id.menu_login).setVisible(false); 
        navigationDrawerHome.getMenu().findItem(R.id.menu_logout).setVisible(true); 
        Picasso.with(Home.this).load("http-----").into(new Target() { 
         @Override 
         public void onBitmapLoaded(Bitmap bitmap, Picasso.LoadedFrom from) { 
          navigationDrawerHome.getMenu().findItem(R.id.menu_logout).setIcon(new BitmapDrawable(bitmap)); 
          navigationDrawerHome.getMenu().findItem(R.id.menu_logout).setTitle("Taha Sami"); 
         } 

         @Override 
         public void onBitmapFailed(Drawable errorDrawable) { 

         } 

         @Override 
         public void onPrepareLoad(Drawable placeHolderDrawable) { 

         } 
        }); 

       } 
       return true; 
      } 
     }); 

, wie ich das Bild in einen Kreis verändern könnte?

Answer 1

Hier finden Sie eine der einfachsten Möglichkeiten, dies zu tun, verwenden Sie den folgenden Code ein:

Abhängigkeiten

dependencies { 
    ... 
    compile 'de.hdodenhof:circleimageview:2.1.0' 
} 

XML-Code

<de.hdodenhof.circleimageview.CircleImageView 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    android:id="@+id/profile_image" 
    android:layout_width="96dp" 
    android:layout_height="96dp" 
    android:src="@drawable/profile" 
    app:civ_border_width="2dp" 
    app:civ_border_color="#FF000000"/> 

Screenshot:

Quelle: ImageView in circular through xml

Answer 2

erstellen CircleImageView Klasse und erweitert ImageView

public class CircleImageView extends ImageView { 

//you can change the radius to modify the circlur shape into oval or rounded rectangle 

    public static float radius = 1000.0f; 

    public CircleImageView(Context context) { 
     super(context); 
    } 

    public CircleImageView(Context context, AttributeSet attrs) { 
     super(context, attrs); 
    } 

    public CircleImageView(Context context, AttributeSet attrs, int defStyle) { 
     super(context, attrs, defStyle); 
    } 

    @Override 
    protected void onDraw(Canvas canvas) { 
//float radius = 36.0f; 
     Path clipPath = new Path(); 
     RectF rect = new RectF(0, 0, this.getWidth(), this.getHeight()); 
     clipPath.addRoundRect(rect, radius, radius, Path.Direction.CW); 
     canvas.clipPath(clipPath); 
     super.onDraw(canvas); 
    } 
} 

es in Ihrem xml Layout verwenden

<com.example.project.CircleImageView 
        android:layout_width="50dp" 
        android:layout_height="50dp" 
        android:src="@drawable/you_image" />