16

如何在android中创建一个类似书架的视图,在任何一行显示几本书?此外,它应该像moon+reader 应用程序那样具有水平和垂直功能。

我可以编写一个水平移动的架子视图,但它不能完全工作。我使用 xml 文件来查看包含图像、文本和按钮的项目。我编写了一个类,该类扩展AdapterView以创建ListView我称为的自定义"shelf view"。不幸的是,我的程序显示一排,我不能使用它多排。

在此处输入图像描述

4

1 回答 1

20

最近更新:现在,我可以检测到比以前的解决方案更好的创建货架视图的新方法。我在CodeProject中描述了它

顺便说一句,在这个应用程序中,我使用了两个类:

  • Horizo​​ntalListView 扩展 AdapterView 的类。它是从GitHub下载的

  • Quaere 库的使用与 .Net 中的 Linq2Object 几乎相同。你可以在这里下载。


2012 年 4 月 22 日:

有一些方法可以实现货架视图,它具有两个功能(水平和垂直滚动)。我尝试编写一个可以动态运行的程序。这个示例应用程序有一个 XML 文件和一个showShelfView java类。

所以你可以看到我的应用程序:

主 XML 文件: 首先,在main.XML中添加以下代码

<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:id="@+id/sclView">
    <TableLayout
            android:id="@+id/tblLayout"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent" 
           android:padding="0dp">
    </TableLayout>
</ScrollView>

showShelfView 类:内部 TableLayout 添加几个 Horizo​​ntalScroll 等于行数。还在任何 TableRow 内部添加图像。

不要忘记为 Row 的背景设置一个架子图像:

在此处输入图像描述

public class showShelfView extends Activity {

    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);


        int numRow = 4;
        int numCol = 8;

        TableLayout tblLayout = (TableLayout) findViewById(R.id.tblLayout);

        for(int i = 0; i < numRow; i++) {
            HorizontalScrollView HSV = new HorizontalScrollView(this);
            HSV.setLayoutParams(new LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT));

            TableRow tblRow = new TableRow(this);
            tblRow.setLayoutParams(new LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.WRAP_CONTENT));
            tblRow.setBackgroundResource(R.drawable.bookshelf);

            for(int j = 0; j < numCol; j++) {
            ImageView imageView = new ImageView(this);
                imageView.setImageResource(R.drawable.book1);

                TextView textView = new TextView(this);
                textView.setText("Java Tester");
                textView.setLayoutParams(new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT));

                tblRow.addView(imageView,j);
            }

            HSV.addView(tblRow);
            tblLayout.addView(HSV, i);
        }
    }

}
于 2012-04-22T06:47:36.107 回答