在Android中创建“Google drive app”等布局的最佳方法是什么?

时间:2012-11-12 13:11:43

标签: android android-layout google-drive-api

我是Android应用程序的新手,现在我已经陷入困境,无法获得类似这样的布局......

http://cloud.addictivetips.com/wp-content/uploads/2012/04/Google-Drive-for-Android-Home.jpg

我已经开始使用RelativeLayout,但我不知道如何做这个可爱的按钮。我使用带有背景图像的按钮却没有成功。我已经看到了其他布局...你会用什么来实现这些?或者我在哪里可以通过不同的例子来讨论布局和按钮的好例子,因为我找不到任何有趣的内容:(

提前致谢并对我的英语表示抱歉

1 个答案:

答案 0 :(得分:0)

听起来你基本上有两个问题:

  1. 如何创建此布局?
  2. 如何创建或从哪里获取这些按钮?
  3. 要尝试回答第一个问题,可以通过多种方式创建布局,例如您提供的布局。既然你提到你是一个“新手”,我将用一种简单的方式呈现给你,那就是使用线性布局。

    > <?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" >
    
        <TextView
            android:id="@+id/TextView03"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:drawableLeft="@drawable/4_collections_collection"
            android:gravity="center"
            android:text="My Drive" />
    
        <View
            android:layout_width="fill_parent"
            android:layout_height="1dip"
            android:layout_above="@id/your_image_view_id"
            android:layout_centerVertical="true"
            android:background="#808080" />
    
        <TextView
            android:id="@+id/TextView01"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:drawableLeft="@drawable/6_social_group"
            android:gravity="center"
            android:text="Shared with me" />
    
    
    
        <View
            android:layout_width="fill_parent"
            android:layout_height="1dip"
            android:background="#808080" />
    
        <TextView
            android:id="@+id/TextView04"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:drawableLeft="@drawable/3_rating_important"
            android:gravity="center"
            android:text="Starred" />
    
        <View
            android:layout_width="fill_parent"
            android:layout_height="1dip"
            android:background="#808080" />
    
        <TextView
            android:id="@+id/TextView04"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:drawableLeft="@drawable/10_device_access_alarms"
            android:gravity="center"
            android:text="Recent" />
    
        <View
            android:layout_width="fill_parent"
            android:layout_height="1dip"
            android:background="#808080" />
    
        <TextView
            android:id="@+id/TextView04"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:drawableLeft="@drawable/9_av_make_available_offline"
            android:gravity="center"
            android:text="Offline" />
    
    </LinearLayout>
    

    这里的关键部分是:

    • android:drawableLeft - textview有一个名为android:drawableLeft的属性,允许你分配一个图标并将其轻松放在左边。
    • 查看 - 此处查看用于绘制水平线。

    该布局的另一个重要部分是Action Bar。为此,您可以使用以下参考:Action Bar Reference on developer.android.com

    关于第二个问题,可以在download section of developer.android.com中获得图标/按钮。当然,在开发应用程序时,有必要使用图形程序来设计自己的图标和按钮。

    希望这有助于您朝着正确的方向前进。