Расположение приложений для Android

Я работаю над приложением, которое должно отображать некоторые контактные данные пользователя, такие как имя, номер телефона, sms-кнопка и домашний адрес. Мне очень нравится, как приложение People в Jellybean отображает эту информацию на странице контактной информации. Я посмотрел открытый исходный код на github, но мне очень сложно понять. Может кто-нибудь объяснить, как этот макет xml построен, поэтому я могу получить такую же функциональность в своем приложении?

4 ответа

Это может помочь вам с возможностью выбора страниц и двумя картинками вверху: http://www.androidviews.net/2013/03/tab-carousel-library/

Синие метки с подчеркиванием создаются путем добавления в TextView следующего атрибута: style = "? Android: attr/listSeparatorTextViewStyle"


<linearlayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/main_layout" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical">
 <linearlayout android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="50dp" android:background="#2FC9EC" android:gravity="center_vertical">
 <imageview android:id="@+id/image1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/back"> 
 <textview android:layout_height="wrap_content" android:layout_width="wrap_content" android:text="Title" android:textsize="20dp" android:textcolor="#FFFFFF"> 
 </textview></imageview></linearlayout> 
 <scrollview android:layout_width="match_parent" android:layout_height="match_parent"> 
 <linearlayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical"> 
 <horizontalscrollview android:id="@+id/hori_scroll" android:layout_width="wrap_content" android:layout_height="wrap_content">
 <linearlayout android:layout_width="match_parent" android:layout_height="200dp" android:orientation="horizontal"> 
 <imageview android:id="@+id/image1" android:layout_width="250dp" android:layout_height="match_parent" android:src="@drawable/ic_launcher"> 
 <imageview android:id="@+id/image1" android:layout_width="250dp" android:layout_height="match_parent" android:src="@drawable/ic_launcher">
 </imageview></imageview></linearlayout> 
 </horizontalscrollview> 
 <linearlayout android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent">
 <linearlayout android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_marginleft="15dp" android:layout_margintop="10dp" android:layout_marginright="10dp" android:layout_marginbottom="10dp"> 
 <textview android:layout_height="wrap_content" android:layout_width="wrap_content" android:text="PHONE" android:textsize="20dp" android:textcolor="#50A7B3" android:layout_marginbottom="5dp"> 
 <view android:layout_height="1dp" android:layout_width="match_parent" android:background="#728C93"> 
 <linearlayout android:orientation="horizontal" android:layout_width="match_parent" android:layout_height="wrap_content">
 <linearlayout android:layout_margintop="10dp" android:orientation="vertical" android:layout_width="wrap_content" android:layout_height="wrap_content" android:gravity="left" android:layout_weight="0.60">
 <textview android:layout_height="wrap_content" android:layout_width="wrap_content" android:text="65656565" android:textsize="20dp" android:textcolor="#696969" android:layout_marginbottom="5dp">
 <textview android:layout_height="wrap_content" android:layout_width="wrap_content" android:text="MOBILE" android:textsize="20dp" android:textcolor="#6D6D6D" android:layout_marginbottom="5dp"> 
 </textview></textview></linearlayout> 
 <linearlayout android:layout_margintop="10dp" android:orientation="vertical" android:layout_width="wrap_content" android:layout_height="wrap_content" android:gravity="right" android:layout_weight="0.40">
 <imageview android:id="@+id/image1" android:layout_width="50dp" android:layout_height="50dp" android:src="@drawable/ic_launcher"> 
 </imageview></linearlayout>
 </linearlayout> 
 <textview android:layout_height="wrap_content" android:layout_width="wrap_content" android:text="EMAIL" android:textsize="20dp" android:textcolor="#50A7B3" android:layout_marginbottom="5dp" android:layout_margintop="10dp"> 
 <view android:layout_height="1dp" android:layout_width="match_parent" android:background="#728C93">
 <textview android:layout_height="wrap_content" android:layout_width="wrap_content" android:text="xxxxxxxxxxxxxx" android:textsize="20dp" android:textcolor="#696969" android:layout_marginbottom="5dp" android:layout_margintop="10dp">
 <textview android:layout_height="wrap_content" android:layout_width="wrap_content" android:text="xxxxxxxxx" android:textsize="20dp" android:textcolor="#6D6D6D" android:layout_marginbottom="5dp"> 
 <textview android:layout_height="wrap_content" android:layout_width="wrap_content" android:text="xxxxxxxxxxxxxx" android:textsize="20dp" android:textcolor="#696969" android:layout_marginbottom="5dp" android:layout_margintop="20dp">
 <textview android:layout_height="wrap_content" android:layout_width="wrap_content" android:text="xxxxxxxxx" android:textsize="20dp" android:textcolor="#6D6D6D" android:layout_marginbottom="5dp"> 
 <textview android:layout_height="wrap_content" android:layout_width="wrap_content" android:text="IM" android:textsize="20dp" android:textcolor="#50A7B3" android:layout_marginbottom="5dp" android:layout_margintop="10dp">
 <view android:layout_height="1dp" android:layout_width="match_parent" android:background="#728C93">
 <textview android:layout_height="wrap_content" android:layout_width="wrap_content" android:text="xxxxxxxxxxxxxx" android:textsize="20dp" android:textcolor="#696969" android:layout_marginbottom="5dp" android:layout_margintop="10dp">
 <textview android:layout_height="wrap_content" android:layout_width="wrap_content" android:text="xxxxxxxxx" android:textsize="20dp" android:textcolor="#6D6D6D" android:layout_marginbottom="5dp">
 </textview></textview></view></textview></textview></textview></textview></textview></view></textview></view></textview></linearlayout>
 </linearlayout>
 </linearlayout>
 </scrollview>
</linearlayout>


Снимок экрана, который вы публикуете (псевдокод)

<linearlayout>
 <scrollview>
 <linearlayout>
 <viewpager>
 <relative or="" linearlayout="">
 <title component="">
 <mobilenumber component/>
 <title component/>
 <listview/> (filled with email component)
 <title component/>
 <listview/> (filled with different components i guess)
 </relative or linearlayout>
 </linearLayout>
 </scrollview>
</linearlayout>
</code>

Я предполагаю, что вы знаете, как создавать компоненты


Джон, приложение для контактов написано экспертами в Google, поэтому я не буду использовать это, чтобы начать изучение макета.

Если у вас есть веб-интерфейс, вы можете рассмотреть возможность написания своей первой версии в WebView. Многие приложения для Android написаны с использованием пользовательских интерфейсов с использованием HTML.

В противном случае я начну с более простого XML. Снимок экрана, который вы опубликовали, представляет собой набор элементов, расположенных вертикально. Проверьте ориентацию = "вертикальная".

licensed under cc by-sa 3.0 with attribution.