Project

General

Profile

« Previous | Next » 

Revision ef1f3e34

Added by Leszek Koltunski about 4 years ago

Make the Tutorial Dialog look better

View differences:

src/main/java/org/distorted/dialogs/RubikDialogTutorialPagerAdapter.java
66 66
    {
67 67
    DisplayMetrics metrics = mAct.getResources().getDisplayMetrics();
68 68

  
69
    mViews[position] = new RubikDialogTutorialView(mAct, metrics.heightPixels, position);
69
    mViews[position] = new RubikDialogTutorialView(mAct, metrics.widthPixels, position);
70 70
    collection.addView(mViews[position]);
71 71

  
72 72
    return mViews[position];
src/main/java/org/distorted/dialogs/RubikDialogTutorialView.java
21 21

  
22 22
import android.content.Context;
23 23
import android.content.res.Resources;
24
import android.graphics.drawable.Drawable;
25 24
import android.os.Bundle;
26 25
import android.util.AttributeSet;
27 26
import android.util.TypedValue;
28 27
import android.view.View;
29 28
import android.widget.Button;
30 29
import android.widget.FrameLayout;
30
import android.widget.ImageView;
31 31
import android.widget.LinearLayout;
32
import android.widget.TextView;
32 33

  
33
import androidx.core.content.ContextCompat;
34 34
import androidx.fragment.app.FragmentActivity;
35 35

  
36 36
import com.google.firebase.analytics.FirebaseAnalytics;
......
59 59

  
60 60
///////////////////////////////////////////////////////////////////////////////////////////////////
61 61

  
62
  public RubikDialogTutorialView(FragmentActivity act, int height, int position)
62
  public RubikDialogTutorialView(FragmentActivity act, int width, int position)
63 63
    {
64 64
    super(act);
65 65

  
66
    int heightT = (int)(height* RubikActivity.TUTORIAL_ITEM_TEXT);
66
    int widthT = (int)(width* RubikActivity.TUTORIAL_ITEM_TEXT);
67 67

  
68 68
    RubikActivity ract = (RubikActivity)getContext();
69 69
    Resources res = act.getResources();
......
87 87

  
88 88
      int countryID = res.getIdentifier( coun, "drawable", packageName);
89 89

  
90
      View row = createRow(ract,countryID,desc,url,auth,heightT,objList,size);
90
      View row = createRow(ract,countryID,desc,url,auth,widthT,objList,size);
91 91
      layout.addView(row);
92 92
      }
93 93

  
......
97 97
///////////////////////////////////////////////////////////////////////////////////////////////////
98 98

  
99 99
  private View createRow(final RubikActivity act, int countryID, final String desc, final String url,
100
                         final String auth, int height, final ObjectList obj, final int size)
100
                         final String auth, int width, final ObjectList obj, final int size)
101 101
    {
102 102
    View row = inflate( act, R.layout.dialog_tutorial_row, null);
103
    Button butt = row.findViewById(R.id.tutorialRowButton);
103
    Button butt = row.findViewById(R.id.tutorialButton);
104 104

  
105
    int id = countryID!=0 ? countryID : R.drawable.un;
106
    final String buttText = desc+" ("+auth+")";
107

  
108
    butt.setText(buttText);
109
    butt.setTextSize(TypedValue.COMPLEX_UNIT_PX, 0.5f*height);
110
    butt.setHeight(height);
111

  
112
    Drawable img = ContextCompat.getDrawable(act,id);
113
    img.setBounds(0, 0, (int)(1.0f*height), (int)(0.66f*height) );
114
    butt.setCompoundDrawables(img,null,null,null);
105
    butt.setText(R.string.view);
106
    butt.setTextSize(TypedValue.COMPLEX_UNIT_PX, 0.5f*width);
107
    butt.setHeight(width);
115 108

  
116 109
    butt.setOnClickListener( new View.OnClickListener()
117 110
      {
......
123 116
        }
124 117
      });
125 118

  
119
    ImageView image = row.findViewById(R.id.tutorialCountry);
120
    int id = countryID!=0 ? countryID : R.drawable.un;
121
    image.setImageResource(id);
122

  
123
    TextView author = row.findViewById(R.id.tutorialAuthor);
124
    author.setTextSize(TypedValue.COMPLEX_UNIT_PX, 0.5f*width);
125
    author.setText(auth);
126

  
127
    TextView title  = row.findViewById(R.id.tutorialTitle);
128
    title.setTextSize(TypedValue.COMPLEX_UNIT_PX, 0.5f*width);
129
    title.setText(desc);
130

  
126 131
    return row;
127 132
    }
128 133

  
src/main/java/org/distorted/main/RubikActivity.java
67 67
    public static final float PATTERN_CHILD_TEXT  = 0.02f;
68 68
    public static final float SCORES_LEVEL_TEXT   = 0.035f;
69 69
    public static final float SCORES_ITEM_TEXT    = 0.030f;
70
    public static final float TUTORIAL_ITEM_TEXT  = 0.050f;
70
    public static final float TUTORIAL_ITEM_TEXT  = 0.100f;
71 71
    public static final float DIALOG_BUTTON_SIZE  = 0.06f;
72 72
    public static final float MENU_BIG_TEXT_SIZE  = 0.05f;
73 73
    public static final float MENU_MED_TEXT_SIZE  = 0.04f;
src/main/java/org/distorted/tutorial/TutorialList.java
29 29
          new String[][] {
30 30
                          {"gb","rJlh5p2wAKA","How to Solve a 2x2 Rubik's Cube","Z3"},
31 31
                          {"es","f85wqJTIDlw","Resolver cubo de Rubik 2X2","Cuby"},
32
                          {"ru","azC6P3VYFkc","Как собрать кубик 2Х2","Евгений Бондаренко"},
32
                          {"ru","azC6P3VYFkc","Как собрать кубик 2Х2","Е Бондаренко"},
33 33
                          {"fr","V1XS993AUuw","Résoudre le cube 2x2","Rachma Nikov"},
34 34
                          {"pl","haNWdAYWGsY","Jak ułożyć kostkę Rubika 2x2","DżoDżo"},
35 35
                       //   {"tw","CfOCXxhCb8U","2x2魔術方塊復原","1hrBLD"},
......
40 40
          new String[][] {
41 41
                          {"gb","-8ohoCKN0Zw","How to Solve a Rubik's Cube","Z3"},
42 42
                          {"es","GyY0OxDk5lI","Resolver cubo de Rubik 3x3","Cuby"},
43
                          {"ru","5S2eq81FRzI","Как собрать кубик рубика","Евгений Бондаренко"},
43
                          {"ru","5S2eq81FRzI","Как собрать кубик рубика","Е Бондаренко"},
44 44
                          {"fr","T-ASx2wbHVY","Comment résoudre un Rubik's Cube","Le Cube"},
45 45
                          {"pl","cBU9Y729nQM","Jak ułożyć kostkę Rubika 3x3","DżoDżo"},
46 46
                       //   {"tw","76NmRQx5CLA","魔術方塊教學","1hrBLD"},
......
76 76
          new String[][] {
77 77
                          {"gb","xIQtn2qazvg","Pyraminx Layer By Layer","Z3"},
78 78
                          {"es","4cJJe9RAzAU","Resolver Pyraminx","Cuby"},
79
                          {"ru","F4_bhfWyVRQ","Как собрать ПИРАМИДКУ","Евгений Бондаренко"},
79
                          {"ru","F4_bhfWyVRQ","Как собрать ПИРАМИДКУ","Е Бондаренко"},
80 80
                          {"fr","Z2h1YI6jPes","Comment résoudre le Pyraminx","ValentinoCube"},
81 81
                          {"pl","uNpKpJfAa5I","Jak ułożyć: Pyraminx","DżoDżo"},
82 82
                      //    {"tw","YS3cDcP6Aro","金字塔方塊解法","1hrBLD"},
src/main/res/layout/dialog_tutorial_row.xml
1 1
<?xml version="1.0" encoding="utf-8"?>
2
<Button xmlns:android="http://schemas.android.com/apk/res/android"
3
    android:id="@+id/tutorialRowButton"
4
    android:layout_width="match_parent"
5
    android:layout_height="wrap_content"
6
    android:paddingRight="15dp"
7
    android:paddingLeft="15dp"
8
    android:singleLine="true"
9
    android:textAllCaps="false"
10
    android:gravity="center"/>
2
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3
    android:layout_width="fill_parent"
4
    android:layout_height="fill_parent"
5
    android:gravity="center|fill_horizontal"
6
    android:layout_marginLeft="8dp"
7
    android:layout_marginRight="8dp"
8
    android:layout_marginTop="10dp"
9
    android:layout_marginBottom="10dp"
10
    android:background="@color/black"
11
    android:orientation="vertical">
12

  
13
    <TextView
14
        android:id="@+id/tutorialTitle"
15
        android:layout_width="match_parent"
16
        android:layout_height="wrap_content"
17
        android:gravity="center"
18
        android:textSize="18sp"
19
        android:layout_marginTop="10dp"
20
        android:layout_marginLeft="10dp"
21
        android:layout_marginRight="10dp"
22
        android:paddingLeft="2dp"
23
        android:paddingRight="2dp"
24
        android:maxLines="1"
25
        android:background="@color/grey"/>
26

  
27
    <LinearLayout
28
        android:id="@+id/tutorialLayout"
29
        android:layout_width="fill_parent"
30
        android:layout_height="wrap_content"
31
        android:layout_marginLeft="10dp"
32
        android:layout_marginRight="10dp"
33
        android:background="@color/grey"
34
        android:gravity="center"
35
        android:orientation="horizontal">
36

  
37
        <LinearLayout
38
             android:layout_width="0dp"
39
             android:layout_height="match_parent"
40
             android:layout_weight="0.4"
41
             android:gravity="left"
42
             android:orientation="horizontal">
43

  
44
             <ImageView
45
                 android:id="@+id/tutorialCountry"
46
                 android:layout_width="match_parent"
47
                 android:layout_height="match_parent"
48
                 android:paddingBottom="3dp"
49
                 android:paddingTop="3dp"
50
                 android:paddingLeft="10dp"/>
51
        </LinearLayout>
52

  
53
        <LinearLayout
54
             android:layout_width="0dp"
55
             android:layout_height="match_parent"
56
             android:layout_weight="1.5"
57
             android:gravity="left"
58
             android:orientation="horizontal">
59

  
60
             <TextView
61
                 android:id="@+id/tutorialAuthor"
62
                 android:layout_width="wrap_content"
63
                 android:layout_height="wrap_content"
64
                 android:paddingLeft="5dp"
65
                 android:textSize="18sp"
66
                 android:maxLines="1"
67
                 android:layout_gravity="center_vertical|start"/>
68
        </LinearLayout>
69

  
70
        <LinearLayout
71
             android:layout_width="0dp"
72
             android:layout_height="match_parent"
73
             android:layout_weight="1.0"
74
             android:gravity="right"
75
             android:orientation="horizontal">
76

  
77
             <Button
78
                 android:id="@+id/tutorialButton"
79
                 android:layout_width="match_parent"
80
                 android:layout_height="wrap_content"
81
                 android:paddingRight="15dp"
82
                 android:paddingLeft="15dp"
83
                 android:singleLine="true"
84
                 android:textAllCaps="false"
85
                 android:layout_gravity="right"/>
86
        </LinearLayout>
87

  
88
    </LinearLayout>
89
</LinearLayout>
src/main/res/values/strings.xml
37 37
    <string name="submitting">Submitting…</string>
38 38
    <string name="tutorial">Watch a tutorial?</string>
39 39
    <string name="tutorials">Tutorials</string>
40
    <string name="view">View</string>
40 41

  
41 42
    <string name="credits1">Open Source app developed using the Distorted graphics library. Licensed under <a href="https://www.gnu.org/licenses/old-licenses/gpl-2.0.en.html">GPL version 2</a> or - at your option - any later version.</string>
42 43
    <string name="credits2">Pretty Patterns by Walter Randelshofer. See <a href="http://www.randelshofer.ch">http://www.randelshofer.ch</a></string>

Also available in: Unified diff