使用ImageView可以轻松地在Android中显示图像。但是,如果要显示圆形图像怎么办?可以看出,许多Android应用程序都使用CircularImageView来显示个人资料图像,状态,故事以及许多其他内容,但是使用普通的ImageView可以做到这一点 有点困难。本文将帮助使用CardView创建圆形图像。通过cardCornerRadius可以自定义ImageView的一角。下面提供了一个示例图像,以使我们对本文将要创建的内容有一个了解。注意,我们将使用Java语言实现该项目。
Note:
One may perform the same operation in another two methods. Please refer to the link below.
- How to create a Circular image view in Android without using any library?
- How to Create a CircularImageView in Android using hdodenhof Library?
方法
步骤1:创建一个新项目
要在Android Studio中创建新项目,请参阅如何在Android Studio中创建/启动新项目。请注意,选择Java作为编程语言。
步骤2:将依赖项添加到build.gradle文件
转到build.gradle文件并添加此依赖项,然后单击立即同步按钮。
implementation ‘androidx.cardview:cardview:1.0.0’
步骤3:使用activity_main.xml文件
接下来,转到activity_main.xml文件,该文件代表项目的UI。以下是activity_main.xml文件的代码。在代码内部添加了注释,以更详细地了解代码。
Note: Change android:src=”@drawable/your_image” to your Image name
XML
Java
import android.os.Bundle;
import android.view.View;
import android.widget.ImageView;
import android.widget.Toast;
import androidx.appcompat.app.AppCompatActivity;
public class MainActivity extends AppCompatActivity {
ImageView imageView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
imageView = (ImageView) findViewById(R.id.imageView);
imageView.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Toast.makeText(MainActivity.this, "This is a Circular ImageView", Toast.LENGTH_SHORT).show();
}
});
}
}
步骤4:使用MainActivity。 Java文件
最后,转到MainActivity.kt文件,并参考以下代码。下面是MainActivity.kt文件的代码。我们仅添加了Toast消息。当您单击图像时,它会烘烤一条消息。
Java
import android.os.Bundle;
import android.view.View;
import android.widget.ImageView;
import android.widget.Toast;
import androidx.appcompat.app.AppCompatActivity;
public class MainActivity extends AppCompatActivity {
ImageView imageView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
imageView = (ImageView) findViewById(R.id.imageView);
imageView.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Toast.makeText(MainActivity.this, "This is a Circular ImageView", Toast.LENGTH_SHORT).show();
}
});
}
}