Question

我正在为Android编写卡片融合游戏。我在一个FrameLayout中的一系列ImageViews中显示播放器当前未融合的卡片，在另一个FrameLayout中显示下面的融合卡片。我将每张卡与前一张卡相对应。

我可以相对容易地从屏幕的左侧开始打牌。但我更愿意让他们居中。以下是问题：

如果我使用layout_width =＆＃34; wrap_content＆＃34;和layout_gravity =＆＃34; center_horizontal＆＃34;，FrameLayout基于最大的单个ImageView剪辑生成的ImageView堆栈（记录在案）。
如果我使用layout_width =＆＃34; match_parent＆＃34;和layout_gravity =＆＃34; left＆＃34;，（如下面的代码所示），melds看起来很好，除非它们没有居中
奇怪的是，即使我设置了layout_gravity =＆＃34; left＆＃34;，第一个ImageView也被定位在水平居中。

我已经以编程方式调整了TranslationX，以便像在代码段中一样进行居中。但这涉及一些反复试验，而且似乎是黑客。

问题：

有什么建议可以更好地完成这一切吗？（顺便说一下，我从LayeredDrawable开始，但是一旦我理解了单个drawables就不会被点击，就会切换。）
我是否误解了layout_gravity的作用？我认为它适用于子视图，但它似乎没有效果。

布局片段（相关的块是两个FrameLayouts）：

<LinearLayout
    android:layout_above="@+id/Play"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_below="@+id/score_and_game"
    android:id="@+id/play_area"
    android:weightSum="4"
    >

    <TextView
        android:id="@+id/game_info_line"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:textAppearance="?android:attr/textAppearanceSmall"
        android:layout_weight="0.5"
        android:layout_gravity="center_horizontal"/>

    <TextView
        android:id="@+id/info_line"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:textAppearance="?android:attr/textAppearanceSmall"
        android:text="@string/blank"
        android:gravity="center_vertical|center_horizontal"
        android:layout_weight="0.5"
        android:textStyle="normal"
        android:layout_gravity="center_horizontal"/>

    <FrameLayout
        android:id="@+id/current_cards"
        android:layout_width="match_parent"
        android:layout_weight="1"
        android:layout_height="96dp"
        android:layout_gravity="left">
    </FrameLayout>

    <FrameLayout
        android:id="@+id/current_melds"
        android:layout_width="match_parent"
        android:layout_weight="1"
        android:layout_height="96dp"
        >
    </FrameLayout>


</LinearLayout>

黑客攻击定位的代码段：

static final float CARD_OFFSET =30.0f;
static final float ADDITIONAL_MELD_OFFSET = 20.0f;
static final float CARD_WIDTH = 72.0f;
....
//show melds and unmelded as ImageViews
private void showCards(ArrayList<CardList> meldLists, FrameLayout frameLayout) {
    ArrayList<ImageView> cardLayers = new ArrayList<>(Game.MAX_CARDS);
    float xOffset=0f;
    frameLayout.removeAllViews();
    for (CardList cardlist : meldLists) {
        for (Card card : cardlist.getCards()) {
            ImageView iv = new ImageView(this);
            iv.setImageDrawable(card.getDrawable());
            iv.setTranslationX(xOffset);
            iv.bringToFront();
            cardLayers.add(iv);
            xOffset += CARD_OFFSET;
        }
        xOffset += ADDITIONAL_MELD_OFFSET;
    }
    //bit of a hack: we now adjust everything by - 1/2*(width of stacked image) to center it
    // add CARD_WIDTH because the total width of the stacked image is sum(offsets) + CARD_WIDTH
    // subtract CARD_OFFSET and ADDITIONAL_MELD_OFFSET because we added these at the end of the loop (but they're not in the layout)
    xOffset = xOffset - CARD_OFFSET - ADDITIONAL_MELD_OFFSET + CARD_WIDTH;
    if (!cardLayers.isEmpty()) {
        for (ImageView iv : cardLayers) {
            iv.setTranslationX(iv.getTranslationX()-0.5f*xOffset);
            frameLayout.addView(iv);
        }
    }
}//end showCards

Answer 1

我用这些布局参数切换到RelativeLayout：

        <RelativeLayout
        android:id="@+id/current_cards"
        android:layout_width="match_parent"
        android:layout_weight="1"
        android:layout_height="96dp"
        android:gravity="center">
    </RelativeLayout>

    <RelativeLayout
        android:id="@+id/current_melds"
        android:layout_width="match_parent"
        android:layout_weight="1"
        android:layout_height="96dp"
        android:gravity="center">
    </RelativeLayout>

并且具有基本相同的代码，并且按预期工作。它还允许点击单个卡片，如dscribed here

在Android中布置一堆可点击的扑克牌

1 个答案: