Android的布局有4个广场,每个方格内的按钮 [英] Android layout with 4 squares and a button inside each square
问题描述
我要创建4个广场和每平方我想创建一个小按钮。广场上必须是可见的,而且必须有边框。
I want to create 4 squares and in each square i want to create a small button. The square must be visible and must have a border.
我知道如何创建4个按键为正方形,但我不知道如何围绕每平方米创造的边框。但我想成为的大小无关,现在按钮是非常大的...
I know how to create 4 buttons as a square but i don't know how to create a border around each square. But i want to to be size independent, now the buttons are very big...
我的例子
<?xml version="1.0" encoding="utf-8"?>
<ViewFlipper xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_height="fill_parent" android:layout_width="fill_parent">
<RelativeLayout android:id="@+id/magaLoginLayout"
android:layout_height="fill_parent" android:layout_width="fill_parent">
<Button android:text="@+id/Button01" android:id="@+id/Button01"
android:layout_width="160dip" android:layout_height="160dip" android:layout_marginTop="20dip"></Button>
<Button android:text="@+id/Button03" android:layout_below="@+id/Button01" android:id="@+id/Button03"
android:layout_alignLeft="@+id/Button01" android:layout_height="160dip" android:layout_width="160dip"></Button>
<Button android:text="@+id/Button04" android:layout_below="@+id/Button01" android:id="@+id/Button04"
android:layout_toRightOf="@+id/Button03" android:layout_height="160dip" android:layout_width="160dip"></Button>
<Button android:text="@+id/Button02" android:id="@+id/Button02" android:layout_width="wrap_content"
android:layout_toRightOf="@+id/Button01" android:layout_alignTop="@+id/Button01" android:layout_alignParentRight="true" android:layout_height="160dip"></Button>
</RelativeLayout>
推荐答案
你要创建的布局看起来像这样的截图?
Do you want to create layout look like this screenshot ?
code此布局:
-
main_screen.xml
main_screen.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/bgimage2" >
<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:layout_marginTop="29dp"
android:text="Call & SMS Blocker"
android:textAppearance="?android:attr/textAppearanceLarge"
android:textSize="40dp"
android:textStyle="bold" />
<Button
android:id="@+id/blocked_sms"
android:layout_width="162dp"
android:layout_height="162dp"
android:layout_marginLeft="50dp"
android:layout_marginTop="120dp"
android:background="@drawable/buttoneffects"
android:focusable="true"
android:textColor="#000000"
android:textStyle="bold" />
<ImageButton
android:id="@+id/imagebutton1"
style="?android:attr/buttonStyleSmall"
android:layout_width="50dp"
android:layout_height="50dp"
android:layout_alignTop="@+id/blocked_sms"
android:layout_centerHorizontal="true"
android:layout_marginTop="136dp"
android:background="@drawable/buttoneffectpower" />
<Button
android:id="@+id/blocked_calls"
android:layout_width="162dp"
android:layout_height="162dp"
android:layout_alignBaseline="@+id/blocked_sms"
android:layout_alignBottom="@+id/blocked_sms"
android:layout_alignParentRight="true"
android:layout_marginRight="50dp"
android:background="@drawable/buttoneffectssecond"
android:focusable="true" android:text="Blocked Calls"
android:textColor="#000000"
android:textStyle="bold" />
<Button
android:id="@+id/settings"
android:layout_width="162dp"
android:layout_height="162dp"
android:layout_alignLeft="@+id/blocked_calls"
android:layout_below="@+id/imagebutton1"
android:layout_marginRight="50dp"
android:background="@drawable/buttoneffectfourth"
android:focusable="true" android:text="Settings"
android:textColor="#000000" android:textStyle="bold" />
<Button
android:id="@+id/blacklist"
android:layout_width="162dp"
android:layout_height="162dp"
android:layout_alignBaseline="@+id/settings"
android:layout_alignBottom="@+id/settings"
android:layout_marginLeft="50dp"
android:layout_toLeftOf="@+id/imagebutton1"
android:background="@drawable/buttoneffectthird"
android:focusable="true"
android:text="Blacklist"
android:textColor="#000000"
android:textStyle="bold" />
<Button
android:id="@+id/help"
android:layout_width="150dp"
android:layout_height="70dp"
android:layout_alignLeft="@+id/blocked_sms"
android:layout_alignParentBottom="true"
android:layout_marginBottom="69dp"
android:background="@drawable/buttoneffectsimple"
android:focusable="true"
android:text="Help"
android:textColor="#000000"
android:textStyle="bold" />
<Button
android:id="@+id/block_last_number"
android:layout_width="330dp"
android:layout_height="70dp"
android:layout_above="@+id/help"
android:layout_alignLeft="@+id/help"
android:layout_alignRight="@+id/settings"
android:layout_marginBottom="27dp"
android:background="@drawable/buttoneffectsimple"
android:focusable="true"
android:text="Block Last Number"
android:textColor="#000000"
android:textStyle="bold" />
<Button
android:id="@+id/aboutus"
android:layout_width="150dp"
android:layout_height="70dp"
android:layout_alignBaseline="@+id/help"
android:layout_alignBottom="@+id/help"
android:layout_alignRight="@+id/block_last_number"
android:background="@drawable/buttoneffectsimple"
android:focusable="true"
android:text="About Us"
android:textColor="#000000"
android:textStyle="bold" />
</RelativeLayout>
code的按钮效果(XML文件布局):
Code for button effects (xml files layout):
<Selector>
<item android:drawable="@drawable/blockedsms"><shape>
<solid android:color="#fff" />
<stroke android:width="1px" android:color="#444" />
<corners android:radius="6dp" />
<gradient android:angle="270" android:endColor="#10000000"
android:startColor="#10FFFFFF" />
<corners android:bottomRightRadius="50dp" />
</shape></item>
</selector>
现在其他XML按钮效果布局,你必须改变
Now in other xml button effects layout, you have to change
<corners android:bottomLeftRadius
<corners android:topRightRadius
<corners android:topLeftRadius
and so on......
希望!这将帮助。
干杯!
Hope! This will help. Cheers !!!
这篇关于Android的布局有4个广场,每个方格内的按钮的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!