我可以知道如何创建这种用户界面,请参阅下面发布的图片。
简单的线性布局是否具有一些不同大小的按钮,或不同的图像控件或究竟是什么?我怎样才能创建这种UI。?
答案 0 :(得分:1)
试试这个。请注意,这是我自己的代码中的复制粘贴,并且在此代码下方发布了某些属性:
<LinearLayout
android:background="@drawable/nav_bar"
style="@style/TitleBar" >
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="4dp"
android:gravity="center" >
<ImageButton
style="@style/TitleBarAction"
android:layout_margin="2dp"
android:id="@+id/btnStatusUpdate"
android:src="@drawable/ic_tab_compose_selected" >
</ImageButton>
</LinearLayout>
<ImageView style="@style/TitleBarSeparator" />
<TextView
android:id="@+id/actionbarTitle"
android:text="ACTIVITY"
android:textColor="#FFFFFF"
android:textSize="16sp"
android:textStyle="bold"
android:layout_height="fill_parent"
android:layout_width="fill_parent"
android:layout_weight="1"
android:gravity="left|center_horizontal|center"
android:padding="5dp" >
</TextView>
<ImageView style="@style/TitleBarSeparator" />
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="4dp"
android:gravity="center" >
<ImageButton
style="@style/TitleBarAction"
android:layout_margin="2dp"
android:id="@+id/btnStatusUpdate"
android:src="@drawable/ic_tab_compose_selected" >
</ImageButton>
</LinearLayout>
<ImageView style="@style/TitleBarSeparator" />
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="4dp"
android:gravity="center" >
<ImageButton
style="@style/TitleBarAction"
android:layout_margin="2dp"
android:id="@+id/btnUploadPhoto"
android:src="@drawable/ic_tab_camera_selected" >
</ImageButton>
</LinearLayout>
</LinearLayout>
上面代码的样式元素。这包含在styles.xml
:
<style name="TitleBar">
<item name="android:id">@id/title_container</item>
<item name="android:layout_width">fill_parent</item>
<item name="android:layout_height">45dp</item>
<item name="android:gravity">center</item>
<item name="android:orientation">horizontal</item>
</style>
<style name="TitleBarSeparator">
<item name="android:layout_width">1px</item>
<item name="android:layout_height">fill_parent</item>
<item name="android:background">USE A COLOR OF YOUR CHOICE HERE</item>
</style>
答案 1 :(得分:1)
这是行动吧。您可以使用ActionBarSherlock或 Google ActionBarCompat - Action Bar Compatibility示例来实现这种外观和感觉
答案 2 :(得分:0)
<LinearLayout android:orientation="horizontal" ... >
<ImageView ... android:layout_weight="0.1" .../>
<TextView ... android:layout_weight="0.7" .../>
<ImageView ... android:layout_weight="0.1" .../>
<ImageView ... android:layout_weight="0.1" .../>
</LinearLayout>
答案 3 :(得分:0)
我试图创建它。只需更改背景颜色并在图像按钮上设置图像即可。更改文本及其样式,我认为它适合您。
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/RelativeLayout1"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<LinearLayout
android:id="@+id/linearLayout1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentRight="true"
android:layout_alignParentTop="true"
android:gravity="center_vertical" android:background="#0000ff">
<ImageButton
android:id="@+id/imageButton1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/ic_launcher" android:background="#0000ff"/>
<TextView
android:id="@+id/textView1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:text="xxx"
android:textAppearance="?android:attr/textAppearanceLarge"
android:layout_weight="1"/>
<ImageButton
android:id="@+id/imageButton2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/ic_launcher" android:background="#0000ff"/>
<ImageButton
android:id="@+id/imageButton3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/ic_launcher" android:background="#0000ff"/>
</LinearLayout>
</RelativeLayout>