ndefeijter / flickr-search-android Goto Github PK

Add following details to the card:

• Photo title
• Share button

https://guides.codepath.com/android/Using-the-CardView

The space where the action bar should be isn't filled.

The technique we're trying to implement is called 'immersive full screen'. See here for more info: https://developer.android.com/training/system-ui/immersive.html

And here for an example: https://developer.android.com/samples/ImmersiveMode/src/com.example.android.immersivemode/ImmersiveModeFragment.html

Proposed solution with regards to resizing:

• Resize image to the bounds of the entire screen (including the space normally taken by systems bars, etc...)
• Crop the resized image when system bars are visible.
• Show the resized image when system bars are not visible.

https://futurestud.io/blog/picasso-image-resizing-scaling-and-fit

https://nullpointer.wtf/android/image-loading-with-picasso/

• https://developer.android.com/reference/android/support/v4/widget/SwipeRefreshLayout.html
• https://developer.android.com/training/swipe/add-swipe-interface.html
• https://www.bignerdranch.com/blog/implementing-swipe-to-refresh/
• https://github.com/codepath/android_guides/wiki/Implementing-Pull-to-Refresh-Guide#recyclerview-with-swiperefreshlayout

General: http://square.github.io/okhttp/
Specific:https://futurestud.io/blog/retrofit-2-simple-error-handling, http://stackoverflow.com/questions/20786593/how-should-i-handle-no-internet-connection-with-retrofit-on-android

http://stackoverflow.com/a/23123777/6155664

• https://github.com/codepath/android_guides/wiki/Endless-Scrolling-with-AdapterViews
• https://github.com/codepath/android_guides/wiki/Endless-Scrolling-with-AdapterViews-and-RecyclerView

{"stat":"fail","code":3,"message":"Parameterless searches have been disabled. Please use flickr.photos.getRecent instead."}

http://ux.stackexchange.com/questions/76493/material-design-persistent-search-with-navigation-drawer
http://stackoverflow.com/questions/35068318/android-persistent-search-bar-in-toolbar

That is two toolbars, one set as the support action bar for the activity (with elevation of 0dp) and one below it with 4dp elevation and layout_margin of 16dp. The values here I am assuming, but I think are right. The widget that controls the searching is a SearchView which is a menu item in the second toolbar. – Lucas Crawford Jan 28 at 17:49

Styling: http://android-developers.blogspot.nl/2014/10/appcompat-v21-material-design-for-pre.html

Remove unused features:

• Floating action buttons
• Special tablet layout
• ...

Make sure to check the guides of the libraries we're using.

• http://square.github.io/retrofit/
• ...

For showing progress when loading 'more' #8. Not for showing progress during pull-to-refresh.

https://gist.github.com/nesquena/a988aac278cff59a9a69

Too many files are currently under version control.

• https://guides.codepath.com/android/Displaying-Images-with-the-Picasso-Library
• https://guides.codepath.com/android/Endless-Scrolling-with-AdapterViews-and-RecyclerView
• http://stackoverflow.com/questions/20823249/resize-image-to-full-width-and-fixed-height-with-picasso

Otherwise, the items in the list "jump around" while scrolling / loading the images.

For now, crop the images to fill the image item.

Using Retrofit.

Retrofit mock server: https://github.com/square/okhttp/tree/master/mockwebserver

Request certain photo sizes: https://www.flickr.com/services/api/misc.urls.html

Relevant APIs:

• https://www.flickr.com/services/api/flickr.photos.search.html
  • Authentication is not required.
  • Relevant arguments:
    • api_key (Required) Your API application key.
    • text (Optional) A free text search. Photos who's title, description or tags contain the text will be returned. You can exclude results that match a term by prepending it with a - character.
  • Response:

<photos page="2" pages="89" perpage="10" total="881">
    <photo id="2636" owner="47058503995@N01" 
        secret="a123456" server="2" title="test_04"
        ispublic="1" isfriend="0" isfamily="0" />
    <photo id="2635" owner="47058503995@N01"
        secret="b123456" server="2" title="test_03"
        ispublic="0" isfriend="1" isfamily="1" />
    <photo id="2633" owner="47058503995@N01"
        secret="c123456" server="2" title="test_01"
        ispublic="1" isfriend="0" isfamily="0" />
    <photo id="2610" owner="12037949754@N01"
        secret="d123456" server="2" title="00_tall"
        ispublic="1" isfriend="0" isfamily="0" />
</photos>

• https://www.flickr.com/services/api/flickr.photos.getSizes.html

https://github.com/junit-team/junit4/wiki/Categories

Example:

• fast (stubbed network)
• slow (real network)

Test using Espresso and run on Firebase test lab https://firebase.google.com/docs/test-lab/

Note that Android Studio contains a "Espresso Test Recorder"!

Record Espresso UI tests simply by using your app as a normal user. As you click through your app UI, reusable and editable test code is then generated for you. You can run the generated tests locally, in your Continuous Integration environment, or in Firebase Test lab.

http://android-developers.blogspot.nl/2016/05/android-studio-22-preview-new-ui.html

Because currently, images are cropped (#33).

Dimensions can be obtained using the 'extras' field in the 'search request:

https://www.flickr.com/services/api/flickr.photos.search.html

extras (Optional)
A comma-delimited list of extra information to fetch for each returned record. Currently supported fields are: description, license, date_upload, date_taken, owner_name, icon_server, original_format, last_update, geo, tags, machine_tags, o_dims, views, media, path_alias, url_sq, url_t, url_s, url_q, url_m, url_n, url_z, url_c, url_l, url_o

Don't know if it is currently offered by the Flickr API though...

- loading indicator
- error indicator

Just show a highlighted background.