Android 空白网格项
Android Blank Grid Items
我正在开发一个在 GridView 中显示 WhatsApp 状态图像的应用程序。启动应用程序时,它可以正确显示图像,但会显示一些空白的网格项。由于目录中的视频文件,我知道这个空白的 griditem,但我不知道如何将图像文件与视频分开。我使用位图在网格上显示图像。所以它显示空白 gridview。我只需要 gridview 上的图像。
这是我的 MainActivity
public class MainActivity extends AppCompatActivity {
private String[] FilePathStrings;
private String[] FileNameStrings;
private File[] listFile;
GridView grid;
GridViewAdapter adapter;
File file;
String extension = ".jpg";
String TAG;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
// Locate the image folder in your SD Card
file = new File("/storage/emulated/0/WhatsApp/Media/.Statuses/");
if (file.isDirectory()) {
listFile = file.listFiles();
// Create a String array for FilePathStrings
FilePathStrings = new String[listFile.length];
// Create a String array for FileNameStrings
FileNameStrings = new String[listFile.length];
for (int i = 0; i < listFile.length; i++) {
if(listFile[i].getName().endsWith(extension)) {
// Get the path of the image file
FilePathStrings[i] = listFile[i].getAbsolutePath();
// Get the name image file
FileNameStrings[i] = listFile[i].getName();
}
}
}
// Locate the GridView in gridview_main.xml
grid = (GridView) findViewById(R.id.gridview);
grid.setColumnWidth(200);
grid.setHorizontalSpacing(10);
grid.setVerticalSpacing(10);
grid.setNumColumns(2);
grid.setStretchMode(GridView.STRETCH_SPACING_UNIFORM);
// Pass String arrays to LazyAdapter Class
adapter = new GridViewAdapter(this,FilePathStrings, FileNameStrings);
// Set the LazyAdapter to the GridView
grid.setAdapter(adapter);
这是我的 GridViewAdapter
import android.app.Activity;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;
public class GridViewAdapter extends BaseAdapter{
private Activity activity;
private String[] filepath;
private String[] filename;
private static LayoutInflater inflater = null;
public GridViewAdapter(Activity a, String[] fpath, String[] fname) {
activity = a;
filepath = fpath;
filename = fname;
inflater = (LayoutInflater) activity
.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
}
public int getCount() {
return filepath.length;
}
public Object getItem(int position) {
return position;
}
public long getItemId(int position) {
return position;
}
public View getView(int position, View convertView, ViewGroup parent) {
View vi = convertView;
if (convertView == null)
vi = inflater.inflate(R.layout.gridview_item, null);
// Locate the TextView in gridview_item.xml
TextView text = (TextView) vi.findViewById(R.id.text);
// Locate the ImageView in gridview_item.xml
ImageView image = (ImageView) vi.findViewById(R.id.image);
// Set file name to the TextView followed by the position
text.setText(filename[position]);
// Decode the filepath with BitmapFactory followed by the position
Bitmap bmp = BitmapFactory.decodeFile(filepath[position]);
// Set the decoded bitmap into ImageView
image.setImageBitmap(bmp);
return vi;
}
}
我已经通过调试检查了你的代码,它工作正常,但你能展示你的 GridViewAdapter 吗?
Note
我已经使用 recyclerview and RecyclerView adapter
.
实现了这个
无需在单独的项目位置插入视频文件。
您的 ItemHolder
应该有两个 ImageViews
。一个用于项目,另一个用于 Video Icon
。最初 Video Icon ImageView
可见度为 Gone or Invisible
。在适配器中绑定数据时只需检查文件的路径。如果文件路径以视频扩展名结尾,则 Video Icon ImageView
可见性应更改为可见。我在这里添加 XML and item Holder's code
。
XML Recyleriew
项目的代码
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/cv_status_item"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="5dp"
android:background="@color/colorWhite">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<com.github.siyamed.shapeimageview.RoundedImageView
android:id="@+id/iv_status"
android:layout_width="match_parent"
android:layout_height="90dp"
app:siRadius="6dp"
app:siBorderColor="#dfdfdf"
app:siBorderWidth="1dp"
app:siSquare="true"
/>
<ImageView
android:id="@+id/iv_play_icon"
android:layout_width="40dp"
android:layout_height="40dp"
android:layout_centerInParent="true"
android:contentDescription="@null"
android:visibility="gone"
android:background="@drawable/toolbar_transparent"
app:srcCompat="@drawable/float_video_play" />
<android.support.v7.widget.AppCompatCheckBox
android:id="@+id/cb_selection"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:visibility="gone" />
</RelativeLayout>
</RelativeLayout>
ItemHolder
到 BindData
的代码
public void bindData(StatusObject statusObject, int position, int size, boolean selectionMode) {
super.bindData(statusObject, position, size);
this.selectionMode = selectionMode;
if (statusObject.getPath().endsWith(".mp4")) {
ivPlayIcon.setVisibility(View.VISIBLE);
}
else if (statusObject.getPath().endsWith(".gif")){
ivPlayIcon.setVisibility(View.VISIBLE);
}
else ivPlayIcon.setVisibility(View.GONE);
if (selectionMode)
cbSelection.setVisibility(View.VISIBLE);
else cbSelection.setVisibility(View.GONE);
cbSelection.setChecked(statusObject.isSelected());
cbSelection.setClickable(false);
// ivStatus.setClipToOutline(true);
Glide.with(itemView)
.asBitmap()
.load(Uri.fromFile(new File(statusObject.getPath())))
.into(ivStatus);
}
如果你不想播放视频,那么你可以显示视频缩略图如下,
Bitmap bitmap = ThumbnailUtils.createVideoThumbnail(videofile.getAbsolutePath(), MediaStore.Video.Thumbnails.MICRO_KIND)
尝试将 listFile = file.listFiles();
更改为
listFile = file.listFiles(new FileFilter() {
@Override
public boolean accept(File file) {
return file.getName().toLowerCase().endsWith(extension);
}
});
并在 for 循环中,删除 if 条件。希望对您有所帮助!
我正在开发一个在 GridView 中显示 WhatsApp 状态图像的应用程序。启动应用程序时,它可以正确显示图像,但会显示一些空白的网格项。由于目录中的视频文件,我知道这个空白的 griditem,但我不知道如何将图像文件与视频分开。我使用位图在网格上显示图像。所以它显示空白 gridview。我只需要 gridview 上的图像。
这是我的 MainActivity
public class MainActivity extends AppCompatActivity {
private String[] FilePathStrings;
private String[] FileNameStrings;
private File[] listFile;
GridView grid;
GridViewAdapter adapter;
File file;
String extension = ".jpg";
String TAG;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
// Locate the image folder in your SD Card
file = new File("/storage/emulated/0/WhatsApp/Media/.Statuses/");
if (file.isDirectory()) {
listFile = file.listFiles();
// Create a String array for FilePathStrings
FilePathStrings = new String[listFile.length];
// Create a String array for FileNameStrings
FileNameStrings = new String[listFile.length];
for (int i = 0; i < listFile.length; i++) {
if(listFile[i].getName().endsWith(extension)) {
// Get the path of the image file
FilePathStrings[i] = listFile[i].getAbsolutePath();
// Get the name image file
FileNameStrings[i] = listFile[i].getName();
}
}
}
// Locate the GridView in gridview_main.xml
grid = (GridView) findViewById(R.id.gridview);
grid.setColumnWidth(200);
grid.setHorizontalSpacing(10);
grid.setVerticalSpacing(10);
grid.setNumColumns(2);
grid.setStretchMode(GridView.STRETCH_SPACING_UNIFORM);
// Pass String arrays to LazyAdapter Class
adapter = new GridViewAdapter(this,FilePathStrings, FileNameStrings);
// Set the LazyAdapter to the GridView
grid.setAdapter(adapter);
这是我的 GridViewAdapter
import android.app.Activity;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;
public class GridViewAdapter extends BaseAdapter{
private Activity activity;
private String[] filepath;
private String[] filename;
private static LayoutInflater inflater = null;
public GridViewAdapter(Activity a, String[] fpath, String[] fname) {
activity = a;
filepath = fpath;
filename = fname;
inflater = (LayoutInflater) activity
.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
}
public int getCount() {
return filepath.length;
}
public Object getItem(int position) {
return position;
}
public long getItemId(int position) {
return position;
}
public View getView(int position, View convertView, ViewGroup parent) {
View vi = convertView;
if (convertView == null)
vi = inflater.inflate(R.layout.gridview_item, null);
// Locate the TextView in gridview_item.xml
TextView text = (TextView) vi.findViewById(R.id.text);
// Locate the ImageView in gridview_item.xml
ImageView image = (ImageView) vi.findViewById(R.id.image);
// Set file name to the TextView followed by the position
text.setText(filename[position]);
// Decode the filepath with BitmapFactory followed by the position
Bitmap bmp = BitmapFactory.decodeFile(filepath[position]);
// Set the decoded bitmap into ImageView
image.setImageBitmap(bmp);
return vi;
}
}
我已经通过调试检查了你的代码,它工作正常,但你能展示你的 GridViewAdapter 吗?
Note
我已经使用 recyclerview and RecyclerView adapter
.
无需在单独的项目位置插入视频文件。
您的 ItemHolder
应该有两个 ImageViews
。一个用于项目,另一个用于 Video Icon
。最初 Video Icon ImageView
可见度为 Gone or Invisible
。在适配器中绑定数据时只需检查文件的路径。如果文件路径以视频扩展名结尾,则 Video Icon ImageView
可见性应更改为可见。我在这里添加 XML and item Holder's code
。
XML Recyleriew
项目的代码
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/cv_status_item"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="5dp"
android:background="@color/colorWhite">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<com.github.siyamed.shapeimageview.RoundedImageView
android:id="@+id/iv_status"
android:layout_width="match_parent"
android:layout_height="90dp"
app:siRadius="6dp"
app:siBorderColor="#dfdfdf"
app:siBorderWidth="1dp"
app:siSquare="true"
/>
<ImageView
android:id="@+id/iv_play_icon"
android:layout_width="40dp"
android:layout_height="40dp"
android:layout_centerInParent="true"
android:contentDescription="@null"
android:visibility="gone"
android:background="@drawable/toolbar_transparent"
app:srcCompat="@drawable/float_video_play" />
<android.support.v7.widget.AppCompatCheckBox
android:id="@+id/cb_selection"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:visibility="gone" />
</RelativeLayout>
</RelativeLayout>
ItemHolder
到 BindData
public void bindData(StatusObject statusObject, int position, int size, boolean selectionMode) {
super.bindData(statusObject, position, size);
this.selectionMode = selectionMode;
if (statusObject.getPath().endsWith(".mp4")) {
ivPlayIcon.setVisibility(View.VISIBLE);
}
else if (statusObject.getPath().endsWith(".gif")){
ivPlayIcon.setVisibility(View.VISIBLE);
}
else ivPlayIcon.setVisibility(View.GONE);
if (selectionMode)
cbSelection.setVisibility(View.VISIBLE);
else cbSelection.setVisibility(View.GONE);
cbSelection.setChecked(statusObject.isSelected());
cbSelection.setClickable(false);
// ivStatus.setClipToOutline(true);
Glide.with(itemView)
.asBitmap()
.load(Uri.fromFile(new File(statusObject.getPath())))
.into(ivStatus);
}
如果你不想播放视频,那么你可以显示视频缩略图如下,
Bitmap bitmap = ThumbnailUtils.createVideoThumbnail(videofile.getAbsolutePath(), MediaStore.Video.Thumbnails.MICRO_KIND)
尝试将 listFile = file.listFiles();
更改为
listFile = file.listFiles(new FileFilter() {
@Override
public boolean accept(File file) {
return file.getName().toLowerCase().endsWith(extension);
}
});
并在 for 循环中,删除 if 条件。希望对您有所帮助!