如何在Basic4Android中创建圆角文本框

时间:2014-04-11 07:25:16

标签: android basic4android

我正在尝试在Basi4Application中自定义应用程序的UI。它只用了3天就可以了。所以我需要帮助定制UI。到目前为止,我已经做了这些改变,仍在学习。任何人都可以指向任何有关Basic4Android中UI自定义的教程或网站。 enter image description here 用户名Edittext默认显示为这样想要看起来像这样。请参考下面的图像。 enter image description here有人请帮助我。提前谢谢。

5 个答案:

答案 0 :(得分:2)

在drawable文件夹中创建xml文件 -

rounded_corner.xml

<?xml version="1.0" encoding="utf-8"?>
<!-- res/drawable/rounded_edittext.xml -->
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:padding="10dp"
    android:shape="rectangle" >

    <solid android:color="#FFFFFF" />

    <corners
        android:bottomLeftRadius="3dp"
        android:bottomRightRadius="3dp"
        android:topLeftRadius="3dp"
        android:topRightRadius="3dp" />
    <stroke
          android:width="2dp"
        android:color="#4D4D4D"
        ></stroke>

</shape>

&安培;在您的布局代码中 -

<TextView
            android:id="@+id/Name"
            android:layout_width="fill_parent"
            android:layout_height="40dp"  
            android:background="@drawable/rounded_corner"
             />

答案 1 :(得分:0)

尝试以下代码: -

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >

    <solid android:color="@color/white_lite" />

<stroke android:width="1dp"
    android:color="@color/purple_dark"/>

</shape>

<?xml version="1.0" encoding="utf-8"?>
<!-- res/drawable/rounded_edittext.xml -->
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:padding="10dp"
    android:shape="rectangle" >

    <solid android:color="#60FFFFFF" />

    <stroke
        android:width="2dp"
        android:color="#1c6aaa" />

    <corners
        android:bottomLeftRadius="10dp"
        android:bottomRightRadius="10dp"
        android:topLeftRadius="10dp"
        android:topRightRadius="10dp" />

</shape>

答案 2 :(得分:0)

rounded_corner.xml

  <?xml version="1.0" encoding="utf-8"?>
     <shape
       xmlns:android="http://schemas.android.com/apk/res/android"
      android:shape="rectangle">

  <!-- view background color -->
 <solid
    android:color="#a9c5ac" >
</solid>

<!-- view border color and width -->
<stroke
    android:width="3dp"
    android:color="#1c1b20" >
</stroke>

<!-- If you want to add some padding -->
<padding
    android:left="4dp"
    android:top="4dp"
    android:right="4dp"
    android:bottom="4dp"    >
</padding>

<!-- Here is the corner radius -->
<corners
    android:radius="10dp"   >
</corners>
</shape>

并将此drawable作为要保留圆角边框的视图的背景。让我们保留一个LinearLayout

    <TextView android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="Name"
        android:gravity="center"
        android:padding="5dp"/>

</LinearLayout>

答案 3 :(得分:0)

默认编辑文本在不同的手机和模拟器中看起来不同。例如:尝试使用较旧的模拟器,您将得到漂亮的圆形矩形。虽然标签很容易圆,但编辑文字却不容易。您可以使用9个补丁图像进行自定义见B4A论坛。论坛浏览是免费的。只限库下载。

答案 4 :(得分:0)

我应该指向B4A论坛,其中包含B4A IDE的所有知识库。 http://www.basic4ppc.com/android/forum/

那里也有很多与UI相关的讨论,只是指向那里的一些随机教程:

  

http://www.basic4ppc.com/android/forum/threads/how-they-do-1.20878/   http://www.basic4ppc.com/android/forum/threads/how-they-do-2.20970/   http://www.basic4ppc.com/android/forum/threads/how-they-do-3.21137/

......还有很多。

对于编辑文本,您可以使用ColorDrawable或9Patch图像。