Android - 带有分离XML的自定义GridView

时间:2013-05-09 12:53:15

标签: android layout gridview customization

我的目标是展示棋盘。我有一个Activity,它显示一个菜单并加载一个扩展GridView的“ChessView”实例。我已经创建了一个自定义GridView,因为我希望有一个完全专用于其显示的类。所以该类有自己的layout.xml等......

GameActivity.java:

protected void onCreate(Bundle savedInstanceState)  {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_game);


        //init a game
        CChess.getInstance().init();

        //creating the chessboard
        ChessView lChessView = (ChessView) findViewById(R.id.chessView);

    }

activity_game.xml:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/background"
    tools:context=".GameActivity" >

    <project.chess.view.ChessView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/ChessView"       >
    </project.chess.view.ChessView>

</RelativeLayout>

ChessView.java:

public class ChessView extends GridView {

    public ChessView(Context pContext, AttributeSet pAttrs) {
        super(pContext, pAttrs);

        GridView.inflate(pContext, R.layout.view_chess, null);

        this.setAdapter(new ChessAdapter(pContext));
    }
}

view_chess.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"     >

    <GridView 
        android:id="@+id/gridView"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content" 
        android:numColumns="8" 
        android:gravity="center" 
         >
    </GridView>

</LinearLayout>

ChessAdapter.java:

public class ChessAdapter extends BaseAdapter
{
    private Context mContext;

    public ChessAdapter (Context pContext)
    {
        this.mContext = pContext;   
    }

    @Override
    public int getCount()
        {
            return 64;
        }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {

        ImageView lImageView;
        if (convertView == null) {  
            lImageView = new ImageView(mContext);
            int size = parent.getWidth()/8;
            lImageView.setLayoutParams(new GridView.LayoutParams(size,size));

        //background black or white depending of the position
        int col = position/8 %2;
        if (col == 0)
        {
            if (position%2 == 0)
                lImageView.setBackgroundColor(Color.WHITE);
            else
                lImageView.setBackgroundColor(Color.BLACK);
        }
        else
        {
            if (position%2 == 0)
                lImageView.setBackgroundColor(Color.BLACK);
            else
                lImageView.setBackgroundColor(Color.WHITE);
        }

        //load images
        CPiece p = CChess.getInstance().getPiece(position/8, position%8);


        if( p != null)
            lImageView.setImageResource(mContext.getResources().getIdentifier(p.toString(), "drawable", mContext.getPackageName()));
    } else {
        lImageView = (ImageView) convertView;
    }


    return lImageView;
    }
   }

结果是:我只有一列64个正方形都有一个图像(CChess中的我的init()是好的)。要清楚,我想要一个像所有标准棋盘一样的8x8网格。

几天前,我在一个活动中没有我的自定义视图,但只是一个简单的gridView,所有这些东西都正常工作。我打破了它,因为我决定将我的代码分成不同的类

我确定我在某个地方忘记了类似于inflater的东西,但我不明白它是如何工作的以及它的作用。我已经解析谷歌几个小时但我找不到答案。

你能帮帮我吗?非常感谢您阅读我并抱歉我的英语

1 个答案:

答案 0 :(得分:1)

我认为ChessView.java中的LayoutInflator存在问题

从该类中删除此行

无需在该类中夸大GridView

 GridView.inflate(pContext, R.layout.view_chess, null);

并在activity_game.xml文件中的国际象棋视图中设置列数和重力。

android:layout_width="wrap_content" 
android:numColumns="8" 

我觉得这适合你。