繁体   English   中英

像真实的键盘一样更改TabHost +格式按钮的视图|| 安卓系统

[英]Change the view of TabHost + Format buttons like a real keypad || Android

好吧..首先,我是Eclipse的新手,是Java Java开发的新手。

我必须制作一个VoIP应用程序,我设置了一些选项卡(是的,文本搞乱了):

像这样:

这是我的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"
   android:orientation="vertical" >

<TabHost
    android:id="@+id/tabhost"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical" >

        <TabWidget
            android:id="@android:id/tabs"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" >
        </TabWidget>

        <FrameLayout
            android:id="@android:id/tabcontent"
            android:layout_width="match_parent"
            android:layout_height="match_parent" >

            <LinearLayout
                android:orientation="horizontal"
                android:id="@+id/Recents"
                android:layout_width="match_parent"
                android:layout_height="match_parent" 
                android:text="Recents">



            </LinearLayout>

            <LinearLayout
                android:orientation="horizontal"
                android:id="@+id/Keypad"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:text="Keypad" >

                <Button
                    android:id="@+id/bNumber1"
                    style="?android:attr/buttonStyleSmall"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="1" />
                <Button
                    android:id="@+id/bNumber2"
                    style="?android:attr/buttonStyleSmall"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="2" />
                <Button
                    android:id="@+id/bNumber3"
                    style="?android:attr/buttonStyleSmall"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="3" />
                <Button
                    android:id="@+id/bNumber4"
                    style="?android:attr/buttonStyleSmall"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="4" />
                <Button
                    android:id="@+id/bNumber5"
                    style="?android:attr/buttonStyleSmall"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="5" />
                <Button
                    android:id="@+id/bNumber6"
                    style="?android:attr/buttonStyleSmall"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="6" />
                <Button
                    android:id="@+id/bNumber7"
                    style="?android:attr/buttonStyleSmall"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="7" />
                <Button
                    android:id="@+id/bNumber8"
                    style="?android:attr/buttonStyleSmall"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="8" />
                <Button
                    android:id="@+id/bNumber9"
                    style="?android:attr/buttonStyleSmall"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="9" />
                <Button
                    android:id="@+id/bNumber0"
                    style="?android:attr/buttonStyleSmall"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="0" />


                <Button
                    android:id="@+id/bCall"
                    style="?android:attr/buttonStyleSmall"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:text="Call" />

                <Button
                    android:id="@+id/bSMS"
                    style="?android:attr/buttonStyleSmall"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:text="SMS" />
                 <Button
                    android:id="@+id/bClear"
                    style="?android:attr/buttonStyleSmall"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:text="C" />

                <TextView
                    android:id="@+id/etNumberField"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"
                    android:ems="10"
                    >
                </TextView>

            </LinearLayout>

            <LinearLayout
                android:orientation="horizontal"
                android:id="@+id/Sms"
                android:layout_width="match_parent"
                android:layout_height="match_parent" 
                android:text="SMS">
            </LinearLayout>

            <LinearLayout
                android:orientation="horizontal"
                android:id="@+id/Ratings"
                android:layout_width="match_parent"
                android:layout_height="match_parent" 
                android:text="Ratings">
            </LinearLayout>

            <LinearLayout
                android:orientation="horizontal"
                android:id="@+id/Account"
                android:layout_width="match_parent"
                android:layout_height="match_parent" 
                android:text="Account">
            </LinearLayout>

        </FrameLayout>

         </LinearLayout>

          </TabHost>

        </LinearLayout>

现在,我的问题是我必须放置所有的“数字”按钮(1、2、3、4等),并使它们看起来像一个真正的键盘。

我的问题是,我无法真正在图形布局上“看到”它的位置。

我也无法将按钮编码为内存不足,因为我还是新手。 有没有人可以帮助我编写代码,将其格式化为类似键盘的格式?

甚至给我一个解决方案,让我在编码时如何查看定位?

提前致谢,

帕拉蒙!

好吧,经过研究,我已经弄清楚了。

如果有人想知道如何在编写代码时更改Tab视图,并且能够看到它的外观。.-

只需创建一个.XML文件,然后按所需的标签设计外观即可。 在此解决方案之前,我必须编辑我的选项卡视图,以查看以下内容:

在此处输入图片说明

稍后,您需要在线性<include layout="@layout/recents" />放入<include layout="@layout/recents" /> (“ recents”是.XML Layouts名称。)。

我的看起来像这样:

<LinearLayout
    android:id="@+id/Keypad"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal"
    android:text="Keypad"> 

       <include layout="@layout/keypad" /> 
                               //"keypad" is the name of the .xml file.
</LinearLayout>

这就是您“更改”视图的方式。

另外,由于我是Android开发的新手,所以我想知道如何格式化自己的格式,使它们看起来像合法的键盘。

多亏了包含代码,我实际上可以在编码和设计时查看该选项卡。

屏幕截图:

最终结果

最终结果替代

我做了什么:

-将所有按钮放入Set of 3。

所以1 LinearLayout会覆盖按钮1、2和3。

另一个将覆盖4,5和6(依此类推)

-将权重放在LinearLayouts上

这帮助我将它们“推”到底部。

我知道这可能不是正确或最安全的方法,但是只要它可行,我就会对此感到满意。

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"
    android:orientation="vertical" >

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="5"
        android:paddingTop="10dp" >

        <TextView
            android:id="@+id/etNumberField"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:ellipsize="end"
            android:ems="100"
            android:singleLine="true"
            android:textSize="23dp" />

        <Button
            android:id="@+id/bContact"
            style="?android:attr/buttonStyleSmall"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="0"
            android:padding="10dp"
            android:text="Contact" />
    </LinearLayout>

          <LinearLayout android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_weight="0"
                android:padding="1dp">

                    <Button
                        android:id="@+id/bNumber1"
                        android:layout_weight="1"
                        android:layout_width="fill_parent"
                        android:layout_height="wrap_content"
                        android:text="1"
                        android:padding="10dp" />

                    <Button
                        android:id="@+id/bNumber2"
                        android:layout_weight="1"
                        android:layout_width="fill_parent"
                        android:layout_height="wrap_content"
                        android:text="2" 
                        android:padding="10dp"/>

                    <Button
                        android:id="@+id/bNumber3"
                        android:layout_weight="1"
                        android:layout_width="fill_parent"
                        android:layout_height="wrap_content"
                        android:text="3"
                        android:padding="10dp"  />
        </LinearLayout>

         <LinearLayout android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_weight="0"
                android:padding="1dp">
                    <Button
                        android:id="@+id/bNumber4"
                        android:layout_weight="1"
                        android:layout_width="fill_parent"
                        android:layout_height="wrap_content"
                        android:text="4" />
                    <Button
                        android:id="@+id/bNumber5"
                       android:layout_weight="1"
                        android:layout_width="fill_parent"
                        android:layout_height="wrap_content"
                        android:text="5" />
                    <Button
                        android:id="@+id/bNumber6"
                        android:layout_weight="1"
                        android:layout_width="fill_parent"
                        android:layout_height="wrap_content"
                        android:text="6" />
        </LinearLayout>

        <LinearLayout android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_weight="0"
                android:padding="1dp">

                    <Button
                        android:id="@+id/bNumber7"
                        android:layout_weight="1"
                        android:layout_width="fill_parent"
                        android:layout_height="wrap_content"
                        android:text="7" />
                    <Button
                        android:id="@+id/bNumber8"
                        android:layout_weight="1"
                        android:layout_width="fill_parent"
                        android:layout_height="wrap_content"
                        android:text="8" />
                    <Button
                        android:id="@+id/bNumber9"
                        android:layout_weight="1"
                        android:layout_width="fill_parent"
                        android:layout_height="wrap_content"
                        android:text="9" />
        </LinearLayout>
        <LinearLayout android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_weight="0"
                android:padding="1dp">
                    <Button
                        android:id="@+id/bNumberStar"

                        android:layout_width="fill_parent"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:text="*" />
                    <Button
                        android:id="@+id/bNumber0"

                        android:layout_width="fill_parent"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:text="0" />
                    <Button
                        android:id="@+id/bNumberHash"
                        android:layout_weight="1"
                        android:layout_width="fill_parent"
                        android:layout_height="wrap_content"
                        android:text="#" />
</LinearLayout>
<LinearLayout android:layout_width="fill_parent"
                android:layout_height="wrap_content"

                android:padding="1dp">

    <Button
                        android:id="@+id/bSMS"

                        android:layout_weight="1"
                        android:layout_width="fill_parent"
                        android:layout_height="wrap_content"
                        android:text="SMS" />
                    <Button
                        android:id="@+id/bCall"
                        android:layout_weight="1"
                        android:layout_width="fill_parent"
                        android:layout_height="wrap_content"
                        android:text="Call"
                        android:textColor="#00FF00"               
                    />



                    <Button
                        android:id="@+id/bClear"
                        android:layout_weight="1"
                        android:layout_width="fill_parent"
                        android:layout_height="wrap_content"
                        android:text="C"
                         />
                    </LinearLayout>


</LinearLayout>

如果您对此解决方案有任何疑问,或者我有什么可以帮助您的,请在下面发表评论!

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM