optimized screens for huge fonts (small devices)

This commit is contained in:
Peter Siegmund
2016-07-19 11:26:06 +02:00
parent 6a995e79da
commit ca1fdb0ec5
5 changed files with 63 additions and 74 deletions
@@ -1,8 +1,8 @@
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/fiori_main_background">
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/fiori_main_background">
<ImageView
android:id="@+id/homeBackground"
@@ -12,8 +12,7 @@
android:layout_alignParentTop="true"
android:contentDescription="@string/empty"
android:scaleType="centerCrop"
android:src="@drawable/working_title"/>
android:src="@drawable/working_title" />
<TextView
android:id="@+id/scan_hint_text"
@@ -21,9 +20,9 @@
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
android:layout_marginBottom="@dimen/home_land_margin"
android:paddingBottom="@dimen/home_land_margin"
android:text="@string/scan_hint"
android:textColor="@color/fiori_text_color"/>
android:textColor="@color/fiori_text_color" />
<LinearLayout
android:id="@+id/two_buttons_layout"
@@ -32,13 +31,13 @@
android:layout_above="@+id/scan_hint_text"
android:layout_marginBottom="@dimen/home_land_margin"
android:layout_marginTop="@dimen/home_land_margin"
android:orientation="horizontal"
>
android:orientation="horizontal">
<Button
android:id="@+id/noQrCode"
android:layout_width="0dp"
android:layout_height="@dimen/home_button_height"
android:layout_gravity="center_vertical"
android:layout_marginLeft="@dimen/home_land_margin"
android:layout_marginRight="@dimen/home_land_margin"
android:layout_weight="0.4"
@@ -46,24 +45,20 @@
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:text="@string/no_qr_code"
android:textColor="@color/fiori_text_color"/>
android:textColor="@color/fiori_text_color" />
<Button
android:id="@+id/scanQr"
android:layout_width="0dp"
android:layout_height="@dimen/home_button_height"
android:layout_marginLeft="@dimen/home_land_margin"
android:layout_marginRight="@dimen/home_land_margin"
android:layout_weight="0.6"
android:background="@drawable/blue_button"
android:text="@string/scan_qr"
android:textAllCaps="true"
android:textStyle="bold"/>
android:textStyle="bold" />
</LinearLayout>
<ListView
android:id="@+id/listRegatta"
android:layout_width="match_parent"
@@ -71,8 +66,6 @@
android:layout_above="@id/two_buttons_layout"
android:layout_alignParentTop="true"
android:divider="@color/separator_color"
android:dividerHeight="1dp"
>
</ListView>
android:dividerHeight="1dp" />
</RelativeLayout>
@@ -1,8 +1,8 @@
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/fiori_main_background">
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/fiori_main_background">
<ImageView
android:id="@+id/homeBackground"
@@ -11,12 +11,12 @@
android:layout_above="@+id/scanQr"
android:contentDescription="@string/empty"
android:scaleType="centerCrop"
android:src="@drawable/working_title"/>
android:src="@drawable/working_title" />
<RelativeLayout
android:id="@+id/bottomLayout"
android:layout_width="match_parent"
android:layout_height="50dp"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
@@ -28,10 +28,11 @@
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true"
android:layout_marginBottom="10dp"
android:gravity="center"
android:text="@string/scan_hint"
android:textColor="@color/fiori_text_color"
android:textSize="@dimen/default_text_size"/>
android:textSize="@dimen/default_text_size" />
</RelativeLayout>
<Button
@@ -45,7 +46,7 @@
android:layout_marginTop="20dp"
android:background="@drawable/blue_button"
android:text="@string/scan_qr"
android:textSize="@dimen/highlight_text_size"/>
android:textSize="@dimen/highlight_text_size" />
<Button
android:id="@+id/noQrCode"
@@ -59,7 +60,7 @@
android:paddingRight="@dimen/activity_horizontal_margin"
android:text="@string/no_qr_code"
android:textColor="@color/fiori_text_color"
android:textSize="@dimen/button_text_size"/>
android:textSize="@dimen/button_text_size" />
<ListView
android:id="@+id/listRegatta"
@@ -68,6 +69,6 @@
android:layout_above="@id/scanQr"
android:layout_alignParentTop="true"
android:divider="@color/separator_color"
android:dividerHeight="1dp"/>
android:dividerHeight="1dp" />
</RelativeLayout>
@@ -3,4 +3,5 @@
<dimen name="home_button_height">80dp</dimen>
<dimen name="qr_code_label_height">50dp</dimen>
<dimen name="home_land_margin">10dp</dimen>
<dimen name="home_land_margin_half">5dp</dimen>
</resources>
@@ -1,12 +1,12 @@
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/fiori_main_background"
android:orientation="vertical"
android:paddingLeft="0dp"
android:paddingRight="0dp">
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/fiori_main_background"
android:orientation="vertical"
android:paddingLeft="0dp"
android:paddingRight="0dp">
<LinearLayout
android:layout_width="match_parent"
@@ -18,8 +18,7 @@
android:id="@+id/map"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_marginBottom="@dimen/position_detail_bottom_margin"
android:layout_weight="1"/>
android:layout_weight="1" />
<!-- Begin of detailed mark information -->
@@ -42,29 +41,27 @@
android:layout_height="wrap_content"
android:orientation="vertical"
android:paddingLeft="@dimen/fragment_side_margin"
android:paddingTop="12dp">
android:paddingTop="@dimen/list_side_margin">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/accuracy"
android:textColor="@color/fiori_text_color"
android:textSize="20sp"/>
android:textSize="20sp" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:paddingBottom="12dp"
android:paddingBottom="@dimen/list_side_margin"
android:text="@string/accuracy_detail"
android:textColor="@color/fiori_text_color"/>
android:textColor="@color/fiori_text_color" />
</LinearLayout>
<View
android:layout_width="0dp"
android:layout_height="0dp"
android:layout_weight="1"
/>
android:layout_weight="1" />
<TextView
android:id="@+id/marker_gps_accuracy"
@@ -73,21 +70,21 @@
android:layout_gravity="center_vertical"
android:textColor="@color/fiori_text_color"
android:textSize="20sp"
tools:text="ca. 13m"/>
tools:text="ca. 13m" />
<com.sap.sailing.android.shared.ui.customviews.SignalQualityIndicatorView
android:id="@+id/signal_quality_indicator"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:layout_marginLeft="@dimen/signal_quality_indicator_left_margin"
android:layout_marginStart="@dimen/signal_quality_indicator_left_margin"
android:layout_marginEnd="@dimen/fragment_side_margin"
android:layout_marginRight="@dimen/fragment_side_margin"/>
android:layout_marginLeft="@dimen/signal_quality_indicator_left_margin"
android:layout_marginRight="@dimen/fragment_side_margin"
android:layout_marginStart="@dimen/signal_quality_indicator_left_margin" />
</LinearLayout>
<View style="@style/Divider"/>
<View style="@style/Divider" />
<!-- Distance to old buoy -->
<LinearLayout
@@ -101,56 +98,55 @@
android:layout_height="wrap_content"
android:orientation="vertical"
android:paddingLeft="@dimen/fragment_side_margin"
android:paddingTop="12dp">
android:paddingTop="@dimen/list_side_margin">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/distance"
android:textColor="@color/fiori_text_color"
android:textSize="20sp"/>
android:textSize="20sp" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:paddingBottom="12dp"
android:paddingBottom="@dimen/list_side_margin"
android:text="@string/distance_detail"
android:textColor="@color/fiori_text_color"/>
android:textColor="@color/fiori_text_color" />
</LinearLayout>
<View
android:layout_width="0dp"
android:layout_height="0dp"
android:layout_weight="1"
/>
android:layout_weight="1" />
<TextView
android:id="@+id/marker_gps_distance"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:layout_marginRight="@dimen/fragment_side_margin"
android:layout_marginEnd="@dimen/fragment_side_margin"
android:layout_marginRight="@dimen/fragment_side_margin"
android:textColor="@color/fiori_text_color"
android:textSize="20sp"
tools:text="11,4m"/>
tools:text="11,4m" />
</LinearLayout>
<View style="@style/Divider"/>
<View style="@style/Divider" />
<View
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"/>
android:layout_weight="1" />
<!-- Button -->
<Button
android:id="@+id/marker_set_position_button"
android:layout_width="match_parent"
android:layout_height="80dp"
android:layout_height="60dp"
android:layout_marginBottom="@dimen/position_detail_bottom_margin"
android:layout_marginLeft="16dp"
android:layout_marginRight="16dp"
@@ -158,10 +154,7 @@
android:background="@drawable/position_send_button"
android:text="@string/set_position"
android:textSize="18sp"
android:textStyle="bold"/>
android:textStyle="bold" />
</LinearLayout>
</LinearLayout>
</LinearLayout>
@@ -1,9 +1,10 @@
<?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:background="@drawable/fiori_main_background"
android:orientation="vertical">
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/fiori_main_background"
android:orientation="vertical">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="@dimen/list_header_height"
@@ -12,21 +13,21 @@
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="@dimen/fragment_side_margin"
android:layout_gravity="center_vertical"
android:layout_marginLeft="@dimen/fragment_side_margin"
android:text="@string/marks"
android:textSize="@dimen/list_header_text_size"
android:textColor="@color/fiori_text_color"/>
android:textColor="@color/fiori_text_color"
android:textSize="@dimen/list_header_text_size" />
</LinearLayout>
<View style="@style/Divider"/>
<View style="@style/Divider" />
<ListView
android:id="@+id/listMarks"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:divider="@color/separator_color"
android:dividerHeight="1dp"/>
android:dividerHeight="1dp" />
<TextView
android:id="@+id/no_marks"
@@ -34,7 +35,7 @@
android:layout_height="match_parent"
android:gravity="center"
android:text="@string/no_marks_message"
android:visibility="gone"
android:textColor="@color/fiori_text_color"
android:textSize="@dimen/buoy_overview_text_size"
android:textColor="@color/fiori_text_color"/>
android:visibility="gone" />
</LinearLayout>