Adapt wikivoyage welcome screen for landscape
This commit is contained in:
parent
4373e1db5e
commit
8c4875d258
4 changed files with 109 additions and 83 deletions
|
@ -0,0 +1,10 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<ScrollView
|
||||||
|
xmlns:android="http://schemas.android.com/apk/res/android"
|
||||||
|
android:layout_width="match_parent"
|
||||||
|
android:layout_height="match_parent"
|
||||||
|
android:background="?attr/wikivoyage_welcome_bg_color">
|
||||||
|
|
||||||
|
<include layout="@layout/wikivoyage_welcome_screen"/>
|
||||||
|
|
||||||
|
</ScrollView>
|
|
@ -1,92 +1,11 @@
|
||||||
<?xml version="1.0" encoding="utf-8"?>
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
<LinearLayout
|
<LinearLayout
|
||||||
xmlns:android="http://schemas.android.com/apk/res/android"
|
xmlns:android="http://schemas.android.com/apk/res/android"
|
||||||
xmlns:osmand="http://schemas.android.com/apk/res-auto"
|
|
||||||
xmlns:tools="http://schemas.android.com/tools"
|
|
||||||
android:layout_width="match_parent"
|
android:layout_width="match_parent"
|
||||||
android:layout_height="match_parent"
|
android:layout_height="match_parent"
|
||||||
android:background="?attr/wikivoyage_welcome_bg_color"
|
android:background="?attr/wikivoyage_welcome_bg_color"
|
||||||
android:orientation="vertical">
|
android:orientation="vertical">
|
||||||
|
|
||||||
<FrameLayout
|
<include layout="@layout/wikivoyage_welcome_screen"/>
|
||||||
android:layout_width="match_parent"
|
|
||||||
android:layout_height="wrap_content">
|
|
||||||
|
|
||||||
<ImageView
|
|
||||||
android:id="@+id/main_image"
|
|
||||||
android:layout_width="match_parent"
|
|
||||||
android:layout_height="wrap_content"
|
|
||||||
android:layout_gravity="center_horizontal"
|
|
||||||
android:layout_marginTop="@dimen/wikivoyage_welcome_image_top_margin"
|
|
||||||
android:scaleType="centerCrop"
|
|
||||||
tools:ignore="ContentDescription"
|
|
||||||
tools:src="@drawable/img_start_screen_travel_night"/>
|
|
||||||
|
|
||||||
<ImageView
|
|
||||||
android:id="@+id/back_button"
|
|
||||||
android:layout_width="wrap_content"
|
|
||||||
android:layout_height="wrap_content"
|
|
||||||
android:layout_margin="@dimen/content_padding"
|
|
||||||
android:background="?attr/selectableItemBackgroundBorderless"
|
|
||||||
android:contentDescription="@string/access_shared_string_navigate_up"
|
|
||||||
tools:src="@drawable/ic_arrow_back"/>
|
|
||||||
|
|
||||||
</FrameLayout>
|
|
||||||
|
|
||||||
<LinearLayout
|
|
||||||
android:layout_width="match_parent"
|
|
||||||
android:layout_height="match_parent"
|
|
||||||
android:layout_marginLeft="@dimen/wikivoyage_welcome_content_margin"
|
|
||||||
android:layout_marginRight="@dimen/wikivoyage_welcome_content_margin"
|
|
||||||
android:orientation="vertical">
|
|
||||||
|
|
||||||
<TextView
|
|
||||||
android:layout_width="match_parent"
|
|
||||||
android:layout_height="wrap_content"
|
|
||||||
android:layout_marginBottom="@dimen/wikivoyage_welcome_title_bottom_margin"
|
|
||||||
android:layout_marginTop="@dimen/wikivoyage_welcome_title_top_margin"
|
|
||||||
android:ellipsize="end"
|
|
||||||
android:gravity="center_vertical"
|
|
||||||
android:maxLines="1"
|
|
||||||
android:text="@string/travel_guide"
|
|
||||||
android:textColor="?attr/wikivoyage_primary_text_color"
|
|
||||||
android:textSize="@dimen/title_text_size"/>
|
|
||||||
|
|
||||||
<TextView
|
|
||||||
android:layout_width="match_parent"
|
|
||||||
android:layout_height="0dp"
|
|
||||||
android:layout_weight="1"
|
|
||||||
android:ellipsize="end"
|
|
||||||
android:lineSpacingMultiplier="1.2"
|
|
||||||
android:text="@string/travel_guide_description"
|
|
||||||
android:textColor="@color/wikivoyage_secondary_text"
|
|
||||||
android:textSize="@dimen/default_list_text_size"/>
|
|
||||||
|
|
||||||
<FrameLayout
|
|
||||||
android:layout_width="wrap_content"
|
|
||||||
android:layout_height="wrap_content"
|
|
||||||
android:layout_gravity="center_horizontal"
|
|
||||||
android:layout_marginBottom="@dimen/wikivoyage_welcome_content_margin"
|
|
||||||
android:layout_marginTop="@dimen/content_padding"
|
|
||||||
android:background="@drawable/wikivoyage_welcome_btn_bg">
|
|
||||||
|
|
||||||
<net.osmand.plus.widgets.TextViewEx
|
|
||||||
android:id="@+id/continue_button"
|
|
||||||
android:layout_width="wrap_content"
|
|
||||||
android:layout_height="@dimen/wikivoyage_card_button_height"
|
|
||||||
android:background="?attr/selectableItemBackgroundBorderless"
|
|
||||||
android:ellipsize="end"
|
|
||||||
android:gravity="center"
|
|
||||||
android:maxLines="1"
|
|
||||||
android:paddingLeft="@dimen/content_padding"
|
|
||||||
android:paddingRight="@dimen/content_padding"
|
|
||||||
android:text="@string/shared_string_continue"
|
|
||||||
android:textColor="@color/color_white"
|
|
||||||
android:textSize="@dimen/text_button_text_size"
|
|
||||||
osmand:typeface="@string/font_roboto_medium"/>
|
|
||||||
|
|
||||||
</FrameLayout>
|
|
||||||
|
|
||||||
</LinearLayout>
|
|
||||||
|
|
||||||
</LinearLayout>
|
</LinearLayout>
|
||||||
|
|
91
OsmAnd/res/layout/wikivoyage_welcome_screen.xml
Normal file
91
OsmAnd/res/layout/wikivoyage_welcome_screen.xml
Normal file
|
@ -0,0 +1,91 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<LinearLayout
|
||||||
|
xmlns:android="http://schemas.android.com/apk/res/android"
|
||||||
|
xmlns:osmand="http://schemas.android.com/apk/res-auto"
|
||||||
|
xmlns:tools="http://schemas.android.com/tools"
|
||||||
|
android:layout_width="match_parent"
|
||||||
|
android:layout_height="match_parent"
|
||||||
|
android:orientation="vertical">
|
||||||
|
|
||||||
|
<FrameLayout
|
||||||
|
android:layout_width="match_parent"
|
||||||
|
android:layout_height="wrap_content">
|
||||||
|
|
||||||
|
<ImageView
|
||||||
|
android:id="@+id/main_image"
|
||||||
|
android:layout_width="match_parent"
|
||||||
|
android:layout_height="wrap_content"
|
||||||
|
android:layout_gravity="center_horizontal"
|
||||||
|
android:layout_marginTop="@dimen/wikivoyage_welcome_image_top_margin"
|
||||||
|
tools:ignore="ContentDescription"
|
||||||
|
tools:scaleType="centerCrop"
|
||||||
|
tools:src="@drawable/img_start_screen_travel_night"/>
|
||||||
|
|
||||||
|
<ImageView
|
||||||
|
android:id="@+id/back_button"
|
||||||
|
android:layout_width="wrap_content"
|
||||||
|
android:layout_height="wrap_content"
|
||||||
|
android:layout_margin="@dimen/content_padding"
|
||||||
|
android:background="?attr/selectableItemBackgroundBorderless"
|
||||||
|
android:contentDescription="@string/access_shared_string_navigate_up"
|
||||||
|
tools:src="@drawable/ic_arrow_back"/>
|
||||||
|
|
||||||
|
</FrameLayout>
|
||||||
|
|
||||||
|
<LinearLayout
|
||||||
|
android:layout_width="match_parent"
|
||||||
|
android:layout_height="match_parent"
|
||||||
|
android:layout_marginLeft="@dimen/wikivoyage_welcome_content_margin"
|
||||||
|
android:layout_marginRight="@dimen/wikivoyage_welcome_content_margin"
|
||||||
|
android:orientation="vertical">
|
||||||
|
|
||||||
|
<TextView
|
||||||
|
android:layout_width="match_parent"
|
||||||
|
android:layout_height="wrap_content"
|
||||||
|
android:layout_marginBottom="@dimen/wikivoyage_welcome_title_bottom_margin"
|
||||||
|
android:layout_marginTop="@dimen/wikivoyage_welcome_title_top_margin"
|
||||||
|
android:ellipsize="end"
|
||||||
|
android:gravity="center_vertical"
|
||||||
|
android:maxLines="1"
|
||||||
|
android:text="@string/travel_guide"
|
||||||
|
android:textColor="?attr/wikivoyage_primary_text_color"
|
||||||
|
android:textSize="@dimen/title_text_size"/>
|
||||||
|
|
||||||
|
<TextView
|
||||||
|
android:layout_width="match_parent"
|
||||||
|
android:layout_height="0dp"
|
||||||
|
android:layout_weight="1"
|
||||||
|
android:ellipsize="end"
|
||||||
|
android:lineSpacingMultiplier="1.2"
|
||||||
|
android:text="@string/travel_guide_description"
|
||||||
|
android:textColor="@color/wikivoyage_secondary_text"
|
||||||
|
android:textSize="@dimen/default_list_text_size"/>
|
||||||
|
|
||||||
|
<FrameLayout
|
||||||
|
android:layout_width="wrap_content"
|
||||||
|
android:layout_height="wrap_content"
|
||||||
|
android:layout_gravity="center_horizontal"
|
||||||
|
android:layout_marginBottom="@dimen/wikivoyage_welcome_content_margin"
|
||||||
|
android:layout_marginTop="@dimen/content_padding"
|
||||||
|
android:background="@drawable/wikivoyage_welcome_btn_bg">
|
||||||
|
|
||||||
|
<net.osmand.plus.widgets.TextViewEx
|
||||||
|
android:id="@+id/continue_button"
|
||||||
|
android:layout_width="wrap_content"
|
||||||
|
android:layout_height="@dimen/wikivoyage_card_button_height"
|
||||||
|
android:background="?attr/selectableItemBackgroundBorderless"
|
||||||
|
android:ellipsize="end"
|
||||||
|
android:gravity="center"
|
||||||
|
android:maxLines="1"
|
||||||
|
android:paddingLeft="@dimen/content_padding"
|
||||||
|
android:paddingRight="@dimen/content_padding"
|
||||||
|
android:text="@string/shared_string_continue"
|
||||||
|
android:textColor="@color/color_white"
|
||||||
|
android:textSize="@dimen/text_button_text_size"
|
||||||
|
osmand:typeface="@string/font_roboto_medium"/>
|
||||||
|
|
||||||
|
</FrameLayout>
|
||||||
|
|
||||||
|
</LinearLayout>
|
||||||
|
|
||||||
|
</LinearLayout>
|
|
@ -9,8 +9,10 @@ import android.view.LayoutInflater;
|
||||||
import android.view.View;
|
import android.view.View;
|
||||||
import android.view.ViewGroup;
|
import android.view.ViewGroup;
|
||||||
import android.widget.ImageView;
|
import android.widget.ImageView;
|
||||||
|
import android.widget.ImageView.ScaleType;
|
||||||
|
|
||||||
import net.osmand.plus.R;
|
import net.osmand.plus.R;
|
||||||
|
import net.osmand.plus.helpers.AndroidUiHelper;
|
||||||
import net.osmand.plus.wikivoyage.explore.WikivoyageExploreDialogFragment;
|
import net.osmand.plus.wikivoyage.explore.WikivoyageExploreDialogFragment;
|
||||||
|
|
||||||
public class WikivoyageWelcomeDialogFragment extends WikivoyageBaseDialogFragment {
|
public class WikivoyageWelcomeDialogFragment extends WikivoyageBaseDialogFragment {
|
||||||
|
@ -20,6 +22,8 @@ public class WikivoyageWelcomeDialogFragment extends WikivoyageBaseDialogFragmen
|
||||||
@Nullable
|
@Nullable
|
||||||
@Override
|
@Override
|
||||||
public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
|
public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
|
||||||
|
final boolean portrait = AndroidUiHelper.isOrientationPortrait(getActivity());
|
||||||
|
|
||||||
View mainView = inflate(R.layout.fragment_wikivoyage_welcome_dialog, container);
|
View mainView = inflate(R.layout.fragment_wikivoyage_welcome_dialog, container);
|
||||||
|
|
||||||
ImageView backBtn = (ImageView) mainView.findViewById(R.id.back_button);
|
ImageView backBtn = (ImageView) mainView.findViewById(R.id.back_button);
|
||||||
|
@ -32,7 +36,9 @@ public class WikivoyageWelcomeDialogFragment extends WikivoyageBaseDialogFragmen
|
||||||
});
|
});
|
||||||
|
|
||||||
int imgId = nightMode ? R.drawable.img_start_screen_travel_night : R.drawable.img_start_screen_travel_day;
|
int imgId = nightMode ? R.drawable.img_start_screen_travel_night : R.drawable.img_start_screen_travel_day;
|
||||||
((ImageView) mainView.findViewById(R.id.main_image)).setImageResource(imgId);
|
ImageView mainImage = (ImageView) mainView.findViewById(R.id.main_image);
|
||||||
|
mainImage.setScaleType(portrait ? ScaleType.CENTER_CROP : ScaleType.CENTER_INSIDE);
|
||||||
|
mainImage.setImageResource(imgId);
|
||||||
|
|
||||||
mainView.findViewById(R.id.continue_button).setOnClickListener(new View.OnClickListener() {
|
mainView.findViewById(R.id.continue_button).setOnClickListener(new View.OnClickListener() {
|
||||||
@Override
|
@Override
|
||||||
|
|
Loading…
Reference in a new issue