Android 列表视图布局类似于 Google play [英] Android List view layout Similar to Google play
本文介绍了Android 列表视图布局类似于 Google play的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我想实现一个类似于 Google Play 的列表布局，每个单独的行都有菜单.请帮我创建这个.
I want to implement a List layout similar to Google Play which have menu for every individual Row. Please help me to create this.
我需要创建一个弹出菜单还是有任何可用的选项来实现这一点.
Do I need to create a Popup Menu or there is any option available to achieve this.
谢谢
推荐答案
看起来您正在尝试按照图中所示的方式进行操作.我只是举例说明我是如何努力实现这一目标的.
Looks like you are trying to do exactly the way in the image shown. I am just giving an example of how I am trying to achieve this.
这就是我的做法.不是很困难.只是直接实现弹出菜单.
Here's how I am doing this. Not very difficult. Just straight implementation of Popup Menu.
第 1 步:我的适配器
public class ListAdapter extends BaseAdapter{
private ArrayList<String> mainList;
public ListAdapter(Context applicationContext,
ArrayList<String> questionForSliderMenu) {
super();
this.mainList = questionForSliderMenu;
}
public ListAdapter() {
super();
this.mainList = QuestionForSliderMenu;
}
@Override
public int getCount() {
return mainList.size();
}
@Override
public Object getItem(int position) {
return mainList.get(position);
}
@Override
public long getItemId(int position) {
return position;
}
@Override
public View getView(final int position, View convertView, ViewGroup parent) {
if (convertView == null) {
LayoutInflater inflater = (LayoutInflater) getApplicationContext()
.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
convertView = inflater.inflate(R.layout.custom_row_stack, null);
}
TextView tv1 = (TextView) convertView
.findViewById(R.id.row_textView1);
TextView tv2 = (TextView) convertView
.findViewById(R.id.row_install_textView1);
ImageView imageIcon = (ImageView) convertView
.findViewById(R.id.row_imageView1);
ImageView imageClick = (ImageView) convertView
.findViewById(R.id.row_click_imageView1);
try {
tv1.setText(" List Item "+ " : " + position);
imageClick.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
switch (v.getId()) {
case R.id.row_click_imageView1:
PopupMenu popup = new PopupMenu(getApplicationContext(), v);
popup.getMenuInflater().inflate(R.menu.clipboard_popup,
popup.getMenu());
popup.show();
popup.setOnMenuItemClickListener(new PopupMenu.OnMenuItemClickListener() {
@Override
public boolean onMenuItemClick(MenuItem item) {
switch (item.getItemId()) {
case R.id.install:
//Or Some other code you want to put here.. This is just an example.
Toast.makeText(getApplicationContext(), " Install Clicked at position " + " : " + position, Toast.LENGTH_LONG).show();
break;
case R.id.addtowishlist:
Toast.makeText(getApplicationContext(), "Add to Wish List Clicked at position " + " : " + position, Toast.LENGTH_LONG).show();
break;
default:
break;
}
return true;
}
});
break;
default:
break;
}
}
});
} catch (Exception e) {
e.printStackTrace();
}
return convertView;
}
}
第 2 步:在 Activity 中，只需设置适配器:
Step 2 : In Activity, just setting the adapter:
public class CustomListActivity extends Activity {
String[] numbers = { "Ace", "2", "3", "4", "5", "6", "7", "8", "9", "10",
"Jack", "Queen", "King" };
ArrayList<String> QuestionForSliderMenu = new ArrayList<String>();
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.listview_layout);
ListView listView = (ListView) findViewById(R.id.customlistView1);
for (String s : numbers) {
QuestionForSliderMenu.add(s);
}
ListAdapter mAdapter = new ListAdapter(this, QuestionForSliderMenu);
listView.setAdapter(mAdapter);
}
第 3 步:自定义行项目/布局:
custom_row_stack.xml
<?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" >
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal" >
<ImageView
android:id="@+id/row_imageView1"
android:layout_width="50dp"
android:layout_height="50dp"
android:layout_marginTop="10dp"
android:src="@drawable/page1" />
<TextView
android:id="@+id/row_textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="10dp"
android:layout_marginTop="20dp"
android:text="Some Item"
android:textAppearance="?android:attr/textAppearanceLarge"
android:textColor="#333333" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical" >
<ImageView
android:id="@+id/row_click_imageView1"
android:layout_width="50dp"
android:layout_height="50dp"
android:layout_gravity="right"
android:clickable="true"
android:src="@drawable/dots" />
<TextView
android:id="@+id/row_install_textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="right"
android:padding="10dp"
android:text="Install"
android:textAppearance="?android:attr/textAppearanceSmall"
android:textColor="#333333" />
</LinearLayout>
</LinearLayout>
第 4 步:我的弹出菜单.xml
<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android" >
<item
android:id="@+id/install"
android:title="Install" />
<item
android:id="@+id/addtowishlist"
android:title="Add to wishlist" />
</menu>
最后:屏幕截图.
ListView http://imageshack.com/a/img822/4144/umdy.pngListView http://imageshack.com/a/img32/9839/ne90.pngListView http://imageshack.com/a/img198/7404/prqc.png
如果有更好的解决方案，对我也很有帮助.希望这会有所帮助..:)
If there's any better solution, it will be very helpful for me too. Hope this helps..:)
这篇关于Android 列表视图布局类似于 Google play的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
