Sketchware Help

It doesn't work on Nougat, Android 7.0+   To create a DatePickerDialog in Sketchware android project follow the steps given below. 1. In VIEW area of your sketchware android project, insert a LinearH and inside it insert a TextView  textview1 , and a Button  button1 . 2. Add a More Block ' extra '. 3. To define the block  extra , insert an add source directly block and put following code in it: } public void showDatePickerDialog(View v) { DialogFragment newFragment = new DatePickerFragment(); newFragment.show(getFragmentManager(), "datePicker"); } public class DatePickerFragment extends DialogFragment implements DatePickerDialog.OnDateSetListener { @Override public Dialog onCreateDialog(Bundle savedInstanceState) { final Calendar c = Calendar.getInstance(); int year = c.get(Calendar.YEAR); int month = c.get(Calendar.MONTH); int day = c.get(Calendar.DAY_OF_MONTH); return new DatePickerDialog(getActivity(), android.R.style.Theme_Holo_Di...

The example provided below shows how to create a simple scrollable TabLayout and add a TabLayout.OnTabSelectedListener to it in Sketchware. 1. In VIEW area of main.xml add a Linear Vertical  linear1  with width and height as match_parent. Inside it add a Linear Horizontal  linear2 . 2. Switch On AppCompat and design. 3. In  onCreate  event, use an add source directly block and put following codes. // Create a TabLayout (tabLayout) android.support.design.widget.TabLayout tabLayout = new android.support.design.widget.TabLayout(this); // Make TabLayout scrollable tabLayout.setTabMode(android.support.design.widget.TabLayout.MODE_SCROLLABLE); // Add Tabs to the TabLayout tabLayout.addTab(tabLayout.newTab().setText("Sunday")); tabLayout.addTab(tabLayout.newTab().setText("Monday")); tabLayout.addTab(tabLayout.newTab().setText("Tuesday")); tabLayout.addTab(tabLayout.newTab().setText("Wednesday")); tabLayout.addTab(tabLayout.newTab().setTe...

Note: In latest Version of Sketchware the codes on this post shows error  android.support.v4.view.ViewPager  cannot be resolved. Because it uses androidx libraries instead of support_v4. In new versions of Sketchware, follow this: https://www.sketchwarehelp.com/2020/02/androidx-viewpager-in-sketchware.html?m=1 -------- To create a simple ViewPager with three pages in Sketchware, follow the codes below. 1. In VIEW area of main.xml add a Linear vertical  linear1  with width and height as match_parent. ViewPager will be created programmatically and added to linear1 . 2. Switch On AppCompat and design. 3. Set white color as colorAccent. 4. Add three CustomView pages page1.xml , page3.xml , and page5.xml . These will act as the pages of the ViewPager. In page1.xml add a Switch switch2. In page3.xml add a TextView textview1. In page5.xml add a Button button1. 5. Create a more block  extra  and define the block using an add sou...

In Sketchware, to create an app in which data with numerical values can be added and viewed as a pie chart, follow the steps given below. 1. Create a new project in Sketchware. 2. In  main.xml  add a Button  button2  and a ListView  listview2 . 3. Create a CustomView  items.xml  and add two TextViews in it  textview1  and  textview2 . 4. Select  items.xml  as CustomView of  listview2 . 5. In  MainActivity.java , add a Shared Preferences component  sp:sp , and an Intent component  i . 6. Add a String variable  jsondata , and a ListMap  maplist . 7. In  onCreate  event use blocks to set  jsondata  to your Json data containing 'text' and 'number' as keys. Convert it to List Map  maplist  and display it in ListView. The Json String used here is: [ { "text" : "Afghan Afghani", "number" : "0.9532" }, { "text" : "Armenian Dram", "n...

In Sketchware, to create an app in which data with numerical values can be added and viewed as a pie chart, follow the steps given below. 1. Create a new project in Sketchware. 2. In  main.xml  add two Buttons  button1  and  button2 , and a ListView  listview2 . 3. Create a CustomView  items.xml  and add two TextViews in it  textview1  and  textview2 . 4. Select  items.xml  as CustomView of  listview2 . 5. In  MainActivity.java , add a Shared Preferences component  sp:sp , a Dialog component  dialog_add , and an Intent component  i . 6. Add a Map variable  map , three String variables  jsondata ,  label  and  value , and a ListMap  maplist . 7. In  onCreate  event use blocks to get data from shared preferences to  maplist  and display it in ListView. 8. In  onBindCustomView  event, display the data from  ma...

In Sketchware, to create an app in which data with numerical values can be added and viewed as a Bar chart, follow the steps given below. 1. Create a new project in Sketchware. 2. In  main.xml  add a Button  button1  and a ListView  listview2 . 3. Create a CustomView  items.xml  and add two TextViews in it  textview1  and  textview2 . 4. Select  items.xml  as CustomView of  listview2 . 5. In  MainActivity.java , add a Shared Preferences component  sp:sp , and an Intent component  i . 6. Add a String variable  jsondata , and a ListMap  maplist . 7. In  onCreate  event use blocks to set jsondata to your Json data containing 'text' and 'number' as keys. Convert it to List Map  maplist  and display it in ListView. The Json String used here is: [ { "text" : "Afghan Afghani", "number" : "0.9532" }, { "text" : "Armenian Dram", "number" : "...

In Sketchware, to create an app in which data with numerical values can be added and viewed as a Bar chart, follow the steps given below. 1. Create a new project in Sketchware. 2. In main.xml add two Buttons button1 and button2 . Set text of button1 to 'Add' and text of button2 to 'Bar Chart'. Also add a ListView listview2 . 3. Create a CustomView items.xml and add two TextViews in it  textview1 and  textview2 . 4. Select items.xml as CustomView of listview2 . 5. In MainActivity.java , add a Shared Preferences component sp:sp , a Dialog component dialog_add , and an Intent component i . 6. Add a Map variable map , three String variables jsondata , label and value , and a ListMap maplist . 7. In onCreate event use blocks to get data from shared preferences to maplist and display it in ListView. 8. In onBindCustomView event, display the data from maplist in the TextViews in CustomView items.xml. 9. Create a CustomView d...