在列表视图中查看寻呼机? [英] View Pager in listview?
本文介绍了在列表视图中查看寻呼机?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我在列表视图项中使用视图寻呼机.我想在视图寻呼机中显示图像，但延迟加载不起作用.请给我任何解决方案.我尝试了许多延迟加载文件，但有些正在工作.有些人拿着用户界面.
I am using view pager in listview item. I want to show images in view pager but the lazy loading is not working with it. Please give me any solution. I have tried many lazy loading files but some are working. Some are holding the UI.
我现在使用的代码运行良好，但第一次没有显示图像.我必须向下滚动列表视图然后向上滚动然后才显示它.我不知道是什么问题请给我一些解决方案我必须做什么?
The code which I'm using now is working good but not showing the images for the first time. I have to scroll down the listview then scroll up then only it is showing. I don't know what is the problem please give me some solution what I have to do?
我正在发布我的适配器代码:-
I am posting my code of adapter :-
这是我的 getview 代码:
This is my getview code:
public View getView(final int position, View convertView, ViewGroup parent) {
View v = convertView;
if (v == null) {
LayoutInflater mInflater = (LayoutInflater) objProp.activity
.getApplicationContext().getSystemService(
Context.LAYOUT_INFLATER_SERVICE);
v = mInflater.inflate(R.layout.adapter_walllayout, null);
}
// Get Controls
final viewHolder vh = new viewHolder();
vh.txtview_Question = (TextView) v.findViewById(R.id.textView1);
vh.textview_CommentCount = (TextView) v
.findViewById(R.id.textVew_WallTotalComments);
vh.textview_LikeCount = (TextView) v
.findViewById(R.id.textVew_WallTotalokay);
vh.ViewPager_Images = (ViewPager) v.findViewById(R.id.pager);
vh.imageview_Profile = (ImageView) v
.findViewById(R.id.imageview_userImage);
vh.textview_PostDate = (TextView) v
.findViewById(R.id.textView_PostDate);
vh.textview_UserName = (TextView) v
.findViewById(R.id.textVew_WallUserName);
// SetDatato controls
// Set Data
vh.txtview_Question
.setText(objProp.wallDataList.get(position).wallPost_Name);
vh.txtview_Question.setTypeface(fontsFamily.getFont(
objProp.activity.getApplicationContext(), true));
vh.textview_UserName
.setText(objProp.wallDataList.get(position).wallPost_User_Name);
vh.textview_UserName.setTypeface(fontsFamily.getFont(
objProp.activity.getApplicationContext(), true));
final Vector<View> pages = new Vector<View>();
objProp.activity.runOnUiThread(new Runnable() {
@Override
public void run() {
vh.ViewPager_Images.setOffscreenPageLimit(4);
for (int i = 0; i < objProp.wallDataList.get(position).wallPost_Images_Data
.size(); i++) {
final int imagePosion = i;
LayoutInflater mInflaterImage = (LayoutInflater) objProp.activity
.getApplicationContext().getSystemService(
Context.LAYOUT_INFLATER_SERVICE);
View vImage = mInflaterImage.inflate(
R.layout.wallimagepageradaper, null);
ImageView imageView = (ImageView) vImage
.findViewById(R.id.imageView1);
imageView.setTag(objProp.wallDataList.get(position).wallPost_Images_Data
.get(i).qst_Wall_Image);
CheckBox chk = (CheckBox) vImage
.findViewById(R.id.checkBox1);
/*
* loadLooksImages.fetchDrawableOnThread(objProp.wallDataList
* .get(position).wallPost_Images_Data
* .get(i).qst_Wall_Image, imageView);
*/
imageLoader_RelativeLayout.DisplayImage(
objProp.wallDataList.get(position).wallPost_Images_Data
.get(i).qst_Wall_Image, imageView);
/*imageLoader_RelativeLayout.DisplayImage(
objProp.wallDataList.get(position).wallPost_Images_Data
.get(i).qst_Wall_Image, imageView);
*/
// Get Controls
vh.percentageLayout = (RelativeLayout) vImage
.findViewById(R.id.layoutPercent);
vh.percentageLayout.setVisibility(View.GONE);
vh.percentageLayout.setId(objProp.wallDataList
.get(position).wallPost_Images_Data
.get(imagePosion).qst_Wall_ImageID);
vh.textView_Percentage = (TextView) vImage
.findViewById(R.id.textView_PercentCount);
vh.textView_percentVoteCount = (TextView) vImage
.findViewById(R.id.textView1_PercentVoteCount);
// Set Data
Double d = Double.parseDouble(objProp.wallDataList
.get(position).wallPost_Images_Data.get(i).qst_Wall_Image_Percentage);
int val = d.intValue();
vh.textView_Percentage.setText(val + "%");
vh.textView_Percentage.setTypeface(fontsFamily.getFont(
objProp.activity.getApplicationContext(), true));
vh.textView_percentVoteCount.setTypeface(fontsFamily
.getFont(objProp.activity.getApplicationContext(),
true));
vh.textView_percentVoteCount.setText(objProp.wallDataList
.get(position).wallPost_Images_Data.get(i).qst_Wall_Image_LikeCount
+ " Votes");
chk.setOnCheckedChangeListener(new OnCheckedChangeListener() {
@Override
public void onCheckedChanged(CompoundButton buttonView,
boolean isChecked) {
new Service_LikeImage(objProp.activity)
.execute(objProp.wallDataList.get(position).wallPost_Images_Data
.get(imagePosion).qst_Wall_ImageID
+ "");
RelativeLayout lay = (RelativeLayout) objProp.activity
.findViewById(objProp.wallDataList
.get(position).wallPost_Images_Data
.get(imagePosion).qst_Wall_ImageID);
lay.setVisibility(View.VISIBLE);
}
});
// //system.out.println("OKKKKKK "+i);
pages.add(vImage);
}
}
});
// system.out.println("aaa "+pages.size());
CustomPagerAdapter adap = new CustomPagerAdapter(
objProp.activity.getApplicationContext(), pages);
vh.ViewPager_Images.setAdapter(adap);
vh.textview_CommentCount.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
Intent intent = new Intent(objProp.activity, OkayComments.class);
intent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
intent.putExtra("wallPostPosition", position);
intent.putExtra("imageNumber", imagePsotioninPager);
objProp.activity.startActivity(intent);
}
});
vh.textview_LikeCount.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
Intent intent = new Intent(objProp.activity, Results.class);
intent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
intent.putExtra("qcode",
objProp.wallDataList.get(position).wallPost_ID);
objProp.activity.startActivity(intent);
}
});
imageLoader.DisplayImage(
objProp.wallDataList.get(position).wallPost_User_Image,
vh.imageview_Profile);
String totComments = objProp.wallDataList.get(position).wallPost_Images_Data
.get(0).qst_Wall_Image_CommentCount + "";
vh.textview_CommentCount.setText(totComments + " Comments");
vh.textview_CommentCount.setTypeface(fontsFamily.getFont(
objProp.activity.getApplicationContext(), true));
vh.textview_LikeCount
.setText(objProp.wallDataList.get(position).wallPost_Images_Data
.get(0).qst_Wall_Image_LikeCount + " Okay");
vh.textview_LikeCount.setTypeface(fontsFamily.getFont(
objProp.activity.getApplicationContext(), true));
return v;
}
public class viewHolder {
TextView txtview_Question;
TextView textview_CommentCount;
TextView textview_LikeCount;
TextView textview_UserName;
TextView textview_PostDate;
ViewPager ViewPager_Images;
ImageView imageview_Profile;
TextView textView_Percentage;
TextView textView_percentVoteCount;
RelativeLayout percentageLayout;
// Image in ViewPager
ImageView imageView_PostImage;
}
推荐答案
首先..我不太确定这有多严重，因为您正在尝试使用视图寻呼机作为列表查看项目.不是做不到，只是层数太多了.希望你会欣赏这段代码的工作和努力，我希望这能帮助你解决问题..所以请享受代码..:)
First of all..I am not very sure how serious this can be because you are trying to use view pager as an list view item. It's not that it cannot be accomplished but it's just that there's too many layers going on here. Hope you will appreciate the work and the efforts put into this piece of code and I hope that this will help solve you issue..So please enjoy the code..:)
1) 在这种情况下有 2 个适配器.首先是 ListView第二个 ViewPager
1) There are 2 adapter in this case. First for ListView Second for ViewPager
2) 两个适配器具有不同的功能和列表项.
2) Both adapters have different functions and list items.
3)您在另一个适配器中使用一个适配器.
3) You use one adapter in the other adapter.
4) 然后你使用最终的适配器来膨胀你的 ListView 并设置适配器...:D
4) Then you use the final adapter to inflate your ListView and set the adapter...:D
代码如下:我会一步一步来
第一步:制作一个简单的模型类:
public class ModelClass {
private String titleToDisplay;
public ModelClass(String question) {
super();
this.titleToDisplay = question;
}
public String getTitleToDisplay() {
return titleToDisplay;
}
public void setTitleToDisplay(String titleToDisplay) {
this.titleToDisplay = titleToDisplay;
}
}
第 2 步:制作一个视图分页器适配器并将其膨胀为模型类项.这是基本的视图寻呼机适配器！！
public class ViewPagerAdapter extends PagerAdapter {
ArrayList<ModelClass> arrayModelClasses = new ArrayList<ModelClass>();
@SuppressLint("NewApi")
@Override
public void finishUpdate(ViewGroup container) {
// TODO Auto-generated method stub
super.finishUpdate(container);
}
public ViewPagerAdapter() {
super();
}
public ViewPagerAdapter(ArrayList<ModelClass> arrayModelClasses) {
super();
this.arrayModelClasses = arrayModelClasses;
}
@Override
public int getCount() {
return arrayModelClasses.size();
}
@Override
public boolean isViewFromObject(View collection, Object object) {
return collection == ((View) object);
}
@Override
public Object instantiateItem(View collection, int position) {
// Inflating layout
LayoutInflater inflater = (LayoutInflater) collection.getContext()
.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
View view = inflater.inflate(R.layout.drawer_list_item, null);
TextView itemText = (TextView) view.findViewById(R.id.title);
try {
itemText.setText(arrayModelClasses.get(position)
.getTitleToDisplay());
} catch (Exception e1) {
// TODO Auto-generated catch block
e1.printStackTrace();
}
((ViewPager) collection).addView(view, 0);
return view;
}
@Override
public void destroyItem(View container, int position, Object object) {
((ViewPager) container).removeView((View) object);
}
}
第 3 步:为 ListView 制作适配器
注意:这是我使用前一个适配器的地方，在这个适配器中我使用视图寻呼机作为列表项.
NOTE: This is where I am using the previous adapter and in this adapter I am using the view pager as the list item.
public class ListViewPagerAdapter extends ArrayAdapter<ModelClass> {
ViewPagerAdapter mViewPagerAdapter;
private Context context;
private ArrayList<ModelClass> navigationItems;
private int selectedIndex;
public ListViewPagerAdapter(Context context,
ArrayList<ModelClass> navigationItems) {
super(context, R.layout.view_pager_list_view, navigationItems);
this.context = context;
this.navigationItems = navigationItems;
}
@Override
public int getCount() {
return navigationItems.size();
}
public void setSelectedIndex(int position) {
selectedIndex = position;
notifyDataSetChanged();
}
@Override
public ModelClass getItem(int position) {
return navigationItems.get(position);
}
@Override
public long getItemId(int position) {
return position;
}
@SuppressLint("NewApi")
@Override
public View getView(int position, View convertView, ViewGroup parent) {
if (convertView == null) {
LayoutInflater inflater = (LayoutInflater) context
.getSystemService(Activity.LAYOUT_INFLATER_SERVICE);
convertView = inflater.inflate(R.layout.view_pager_list_view, null);
}
ViewPager vp = (ViewPager) convertView.findViewById(R.id.list_pager);
if (selectedIndex != -1 && position == selectedIndex) {
vp.setBackground(getContext().getResources().getDrawable(
R.drawable.gradient_selected));
} else {
vp.setBackground(getContext().getResources().getDrawable(
R.drawable.gradient));
}
mViewPagerAdapter = new ViewPagerAdapter(navigationItems);
vp.setAdapter(mViewPagerAdapter);
return convertView;
}
}
第 4 步:我将最后一个适配器(ListViewPagerAdapter")设置为我的列表视图.
注意:这里我在我的一个片段中使用了这个适配器.你可以简单地在你的普通活动类上使用它，它也可以工作.
NOTE: Here I am using this adapter in one of my fragments. You can use this simply on your normal Activity Class and it will work too.
public class CampaignView extends Fragment {
ListViewPagerAdapter listViewPagerAdapter;
public CampaignView() {
}
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
View campainview = inflater.inflate(R.layout.campaignview, container,
false);
return campainview;
}
@Override
public void onActivityCreated(Bundle savedInstanceState) {
// TODO Auto-generated method stub
super.onActivityCreated(savedInstanceState);
String[] s = { "a", "b", "c", "d", "b", "c", "d", "b", "c", "d", "b",
"c", "d", "b", "c", "d", "b", "c", "d" };
ArrayList<ModelClass> aList = new ArrayList<ModelClass>();
for (String s1 : s) {
aList.add(new ModelClass(s1));
}
ListView lv1 = (ListView) getActivity().findViewById(
R.id.campaignListView);
// lv1.setAdapter(new ArrayAdapter<String>(getActivity(),
// android.R.layout.simple_list_item_1,aList));
listViewPagerAdapter = new ListViewPagerAdapter(getActivity(), aList);
lv1.setAdapter(listViewPagerAdapter);
}
}
最后，此代码的布局片段很少.
Lastly, there are few layouts snippets for this code.
首先:列表视图本身:
<ListView
android:id="@+id/campaignListView"
android:layout_width="match_parent"
android:layout_height="wrap_content" >
</ListView>
第二: ViagerLayoutItem(行项目):
Second: The ViagerLayoutItem(row items):
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<android.support.v4.view.ViewPager
android:id="@+id/list_pager"
android:layout_width="match_parent"
android:layout_height="400dp"
android:paddingTop="10dp"/>
</LinearLayout>
最后:列表视图项的抽屉列表项:
Lastly: The drawer list items for the listview items:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="40dp"
android:background="#303030"
android:orientation="vertical" >
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#303030"
android:orientation="horizontal" >
<ImageView
android:id="@+id/icon"
android:layout_width="25dp"
android:layout_height="wrap_content"
android:layout_marginLeft="12dp"
android:layout_marginRight="12dp"
android:contentDescription="Icon"
android:src="@drawable/ic_launcher" />
<TextView
android:id="@+id/title"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:background="@android:color/darker_gray"
android:minHeight="18dp"
android:padding="20dp"
android:paddingRight="40dp"
android:text="home"
android:textColor="#33b5e5"
android:textSize="20sp"
android:textStyle="bold" />
</LinearLayout>
</LinearLayout>
作品图片:
图片 http://imageshack.com/a/img855/109/5w7e.png图片 http://imageshack.com/a/img849/860/8j5t.png
如果对此代码有任何疑问，请告诉我.我很乐意回答.
Do let me know if there's any kind of doubts with this code. I will be happy to answer.
希望你喜欢它，我祝你一切顺利.我在这段代码上花了几分钟时间.希望这对大家有帮助......祝你好运..:)
Hope you enjoyed it and I wish u all the best to implement this.. I spent few mins on this piece of code.. Hope this helps everyone.. Good Luck .. :)
这篇关于在列表视图中查看寻呼机?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
