1

キャンバスの下にxmlレイアウトを実装しようとしています.キャンバスは、電話の幅に応じてサイズが異なる正方形のブロックです(幅を検出し、高さを一致させます)。

私のアプリは常に縦向きモードで表示されるため、キャンバスの下に隙間ができます。さまざまな画面サイズがあるため、キャンバスの下のこのスペースは常に変化しています。このセクション内にレイアウトを追加して、テキストビューといくつかの画像ボタンを追加できるようにします。現在、これはすべて onDraw 内で行っていますが、これは非常に厄介なコードであり、画面間のサイズの大きな違いにより、コードに 3 つのバリエーションがあることを意味します。

現在、すべての onDraw コードで構成される GameView を呼び出す Game クラスがあります。問題は、キャンバスの下に残っているスペースを埋めるためにレイアウトを追加するにはどうすればよいかということです。Game/GameView クラスの基本的な内訳については、以下を参照してください。

ゲームクラス

public class Game extends Activity 
{
    @Override
    public void onCreate(Bundle bundle) 
    {
        super.onCreate(bundle);
        setContentView(R.layout.test);
        Intent intent = getIntent();
        Bundle extras = intent.getExtras();
        this.maze = (Maze)getLastNonConfigurationInstance();
        if(this.maze == null) 
        {
            this.maze = (Maze)extras.get("maze");
        }

        // This is where I am setting the view, this leads to my onDraw code which progromatically creates as maze.
        // This is a square box taking the width of the screen as the dimensions for the square.
        GameView view = (GameView)findViewById(R.id.gameview);
        view.setMaze(this.maze);
        setContentView(view);
    }
}

GAMEVIEW CLASS - キャンバスの下に手動で作成されたテキスト コンテンツの小さなスニペットが表示されます

public class GameView extends View
{
    // This is the second canvas within the maze, which sites below the main game maze which is the square i mentioned previously.
    // This is where i need to add a layout which dynamically fills any remaining space.
    protected void onDraw(Canvas canvas) 
    {
        // Setting the canvas size for previous calcuated values.
        canvas.drawRect(0, 0, width, height, background);
        if((PhoneWidth < PhoneHeight) && (PhoneWidth < 600))
        {
            canvas.drawBitmap(arrows, QTRWidth * 2, height + 50, null);

            if(CharacterCount >= 3)
            {
                canvas.drawText(Characters.get(2).Name(), 10, height + 135, GrayTextMedium);
                // HIT POINTS
                if((float)Characters.get(2).HitPoints() / (float)Characters.get(2).HitPointsMax() < 0.11)
                    canvas.drawText("HP: " + Characters.get(2).HitPoints(), 10, height + 160, RedTextMedium);
                else
                    canvas.drawText("HP: " + Characters.get(2).HitPoints(), 10, height + 160, GrayTextMedium);
                // MAGIC POINTS
                if((float)Characters.get(0).MagicPoints() / (float)Characters.get(0).MagicPointsMax() < 0.11)
                    canvas.drawText("MP: " + Characters.get(2).MagicPoints(), QTRWidth, height + 160, RedTextMedium);
                else
                    canvas.drawText("MP: " + Characters.get(2).MagicPoints(), QTRWidth, height + 160, GrayTextMedium);
            }
            if(CharacterCount == 1) { canvas.drawText("MONEY: " + Characters.get(0).Money(), 10, height + 80, GrayTextMedium); }
            if(CharacterCount == 2) { canvas.drawText("MONEY: " + Characters.get(0).Money(), 10, height + 135, GrayTextMedium); }
            if(CharacterCount == 3) { canvas.drawText("MONEY: " + Characters.get(0).Money(), 10, height + 190, GrayTextMedium); }
        }
    }
}

誰かがこのコードをクリーンアップするのを手伝ってくれるか、別の場所で詳細なチュートリアルを教えてください。私はこれを調べて、さまざまなことを試してみましたが役に立たなかったので、どんな助けも大歓迎です。ありがとう。

4

1 に答える 1

3

キャンバスの下にxmlレイアウトを実装しようとしています.キャンバスは、電話の幅に応じてサイズが異なる正方形のブロックです(幅を検出し、高さを一致させます)。

次に、別のレイアウトでラップし、GameViewその下に必要なものを配置します（アクティビティでこのレイアウトを使用しますGame）：

<LinearLayout android:layout_width="match_parent" android:layout_height="match_parent">
    <your.GameView android:layout_width="match_parent" android:layout_height="wrap_content"/>
    <RelativeLayout android:layout_width="match_parent" android:layout_height="match_parent"/>
</LinearLayout>

GameView現在のメソッドがメソッドを適切にオーバーライドonMeasure()してそれ自体を正方形にすると仮定するとRelativeLayout、余分なビューを配置できる残りのスペースがすべて取得されます。

さまざまな画面サイズがあるため、キャンバスの下のこのスペースは常に変化しています。このセクション内にレイアウトを追加して、テキストビューといくつかの画像ボタンを追加できるようにします。

使用可能なスペースに基づいて追加のビューを追加する予定はありますか (たとえば、高さが x よりも大きい場合、TextViewいくつかのボタンの上に a またはこのようなものを追加しますか?) はいの場合は、そのギャップに対して独自のレイアウトを作成し、onMeasure()そのカスタム レイアウトの方法で利用可能なスペースを確認し、そのスペースに収まるビューのみを使用します。

于 2013-08-15T11:15:56.607 に答える