Comment faire un carré en forme de l'image/bouton

Je suis en train de concevoir une base sudoko JEU pour android. Je veux un 4x4 tableau avec toutes les cellules sous la forme de carrés.

Je suis en train d'essayer cela avec les 16 Boutons dans un TableLayout.

Mon chemin ressemble à ceci

  • Comment faire un carré en forme de l'image/bouton

ils sont rectange en forme 🙁

mon xml

<TableLayout
android:id="@+id/tl"
android:layout_width="match_parent"
android:layout_height="fill_parent"
android:gravity="center" >
<TableRow
android:id="@+id/tableRow1"
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:gravity="center" >
<Button
android:id="@+id/button1"
style="@style/box_sky_blue"
android:layout_weight="1"
android:text="1" />
<Button
android:id="@+id/button2"
style="@style/box_sky_blue"
android:layout_weight="1"
android:text="2" />
<Button
android:id="@+id/button3"
style="@style/box_sky_blue"
android:layout_weight="1"
android:text="3" />
<Button
android:id="@+id/button4"
style="@style/box_sky_blue"
android:layout_weight="1"
android:text="4" />
</TableRow>
<TableRow
android:id="@+id/tableRow2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center" >
<Button
android:id="@+id/button5"
style="@style/box_sky_blue"
android:layout_weight="1"
android:text="5" />
<Button
android:id="@+id/button6"
style="@style/box_sky_blue"
android:layout_weight="1"
android:text="6" />
<Button
android:id="@+id/button7"
style="@style/box_sky_blue"
android:layout_weight="1"
android:text="7" />
<Button
android:id="@+id/button8"
style="@style/box_sky_blue"
android:layout_weight="1"
android:text="8" />
</TableRow>
<TableRow
android:id="@+id/tableRow3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center" >
<Button
android:id="@+id/button9"
style="@style/box_sky_blue"
android:layout_weight="1"
android:text="9" />
<Button
android:id="@+id/button10"
style="@style/box_sky_blue"
android:layout_weight="1"
android:text="7" />
<Button
android:id="@+id/button11"
style="@style/box_sky_blue"
android:layout_weight="1"
android:text="8" />
<Button
android:id="@+id/button12"
style="@style/box_sky_blue"
android:layout_weight="1"
android:text="7" />
</TableRow>
<TableRow
android:id="@+id/tableRow3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center" >
<Button
android:id="@+id/button13"
style="@style/box_sky_blue"
android:layout_weight="1"
android:text="9" />
<Button
android:id="@+id/button14"
style="@style/box_sky_blue"
android:layout_weight="1"
android:text="7" />
<Button
android:id="@+id/button15"
style="@style/box_sky_blue"
android:layout_weight="1"
android:text="8" />
<Button
android:id="@+id/button16"
style="@style/box_sky_blue"
android:layout_weight="1"
android:text="7" />
</TableRow>
</TableLayout>

ici est la boîte de ciel bleu

<style name="box_sky_blue">
<item name="android:layout_width">wrap_content</item>
<item name="android:layout_height">wrap_content</item>
<item name="android:background">@color/box_color_sky_blue</item>
<item name="android:layout_margin">5dp</item>
<item name="android:padding">5dp</item>
<item name="android:textSize">20sp</item>
<item name="android:gravity">center</item>
<item name="android:textColor">#ffffff</item>
</style>

Comment les faire sqaure depuis que j'ai carrés de 4x4,5x5 & 6x6

u peut code postal de box_sky_blue.xml de style
veuillez consulter 🙂

OriginalL'auteur Maveňツ | 2014-07-24

  1. 5

    Changer le wrap_contents à une taille par défaut:

    android:layout_width="wrap_content"
android:layout_height="wrap_content"

    à

    android:layout_width="@dimen/box_size"
android:layout_height="@dimen/box_size"

    (et puis définissez la box_size dans le res/values/dimen.xml comme: <dimen name="box_size">50dp</dimen>)

    OU, utiliser wrap_content pour la largeur, puis dans le code à utiliser myBox.setHeight(myBox.getMeasuredWidth); de sorte que la largeur et la hauteur du match. Juste assurez-vous que le point de vue est complètement chargé bien, sinon getMeasuredWidth renvoie 0.

    EDIT:

    Pour modifier la hauteur pour correspondre à la wrap_content largeur après le point de Vue est chargé, vous pouvez utiliser un ViewTreeObserver:

    if(yourActivityLayout.getViewTreeObserver().isAlive()){
yourActivityLayout.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
@Override
public void onGlobalLayout(){
//The view is completely loaded now, so getMeasuredWidth() won't return 0
yourButton1.setLayoutParams(new TableLayout.LayoutParams(yourButton1.getMeasuredWidth(), yourButton1.getMeasuredWidth()));
... //Do this for all buttons (preferably in a for-loop to prevent repetition)
//Destroy the onGlobalLayout afterwards, otherwise it keeps changing
//the sizes non-stop, even though it's already done
yourActivityLayout.getViewTreeObserver().removeOnGlobalLayoutListener(this);
}
});
}

    OriginalL'auteur Kevin Cruijssen

  2. 1

    Bouton code en XML

    <Button
android:id="@+id/btn"  
android:layout_width="64dp"
android:layout_height="64dp"
android:background="@drawable/buttonshape"/>

    buttonshape.xml code

    <?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
android:shape="rectangle" >
<corners
android:topLeftRadius="0dp"
android:topRightRadius="0dp"
android:bottomLeftRadius="0dp"
android:bottomRightRadius="0dp"/>
<solid
android:color="#0000ff"/>
<padding
android:left="0dp"
android:top="0dp"
android:right="0dp"
android:bottom="0dp"/>
<size
android:width="64dp"
android:height="64dp"/>
</shape>

    OriginalL'auteur Android is everything for me

  3. -4

    Essayez d'ajouter fixe la largeur et la hauteur.

     android:layout_width="@dimen/box_size"
android:layout_height="@dimen/box_size"

    et dans res/values/dimen.xml ajouter

     <dimen name="box_size">40dp</dimen>
    même réponse....

    OriginalL'auteur nayana bhoj