I am new to android developing.
I want to create a horizontal listview that is curved towards its base.
For this,I have created a custom view and displayed the bitmaps in curved manner.But I am unable to scroll the images along the curve.
Find the layout as an attachment.I want to scroll images in curved but not the screen.
Related
I am new to Flutter and trying to convert my iOS app to Flutter. However, I am having difficulty laying out the screen. Below is what the iOS screen looks like. I keep on getting red screens with layout errors saying it cannot layout the screen. When I add a column and add to that an image and a horizontally scrolling grid in Flutter I get the layout errors. How can I layout this screen?
I think it should have a column as the main widget. Then, a large image should be displayed, which displays centered width-wise on the screen. It should be constrained height-wise and wide enough not to distort the image. The photos come in a variety of heights and widths.
Then there should be a large text field centered width-wise in the central column. Then a breed text box is centered width-wise in the central column and followed by a line of stats—lastly, a city, state, and miles.
Then a centered list of icons with a single line of text-centered underneath each icon. Finally, the whole icon bar should be centered width-wise in the column.
Next, there should be a line of small photos of the cat, which is left aligned to the column and fills to the right going off-screen and scrollable horizontally. It should be a grid with a staggered layout width-wise. Each image should be a fixed height and a ratio of width to fixed height to fit the image without distorting it. The images should have rounded corners. The width and height of the source image are known ahead of time and need to be adjusted to fit the new fixed height.
Lastly, there should be a web browser that fills the width of the column with a height large enough to hold the content of the HTML without scrolling the web browser so the whole screen looks like it is one screen.
The whole screen should be able to scroll vertically but not horizontally to see the main column's total content.
Below is what the screen should look like:
I am trying to build a screen that looks similar to the following:
The main functionality I am looking for is that:
It is scrollable
There is an image in the top half of the screen
Below the image is a container with other information in it. The top of the container should overlap the bottom of the image and have rounded borders.
Would any one be able to help me with this. I've been trying stacks, with positioned container and images within singlechildscroll views but not getting anywhere at all right now.
Any help would be really appreciated.
Many thanks
I'm currently trying to implement a chat for my application but since I'm new at Swift development I got stuck at the part where I have to create the TableView cells for it. I was able to find 2 png images of "chat bubbles" (one for receiving and one for sending).
I placed them in Assets and loaded them in an ImageView. Now my problem is how can I place a Label inside the ImageView and rescale it depending on how many lines of text are in the Label. The bubble should not exceed 66% of the screen's width.
OK, there are a few considerations:
If you haven’t already, make your asset stretchable (where the corners aren’t stretched, but only the center is) by:
selecting the asset and zoom in so you can better refine the slices;
in the Xcode menu, choose “Editor” » “Show Slicing”;
click on “Start Slicing”:
click on the center “horizontal and vertical stretching” button:
move your guides to where you want them:
now when you add the image view using this new stretchable asset and choose “Content Mode” of “Scale to Fit”, it will scale in such a way that the center is stretched but the edges aren’t:
Also see Xcode documentation “Add a resizable area to an image”.
In your cell, now just add this image view and the label:
defining the label’s leading/trailing/top/bottom constraints to be inset from the edges of the image view;
define the label’s line count to zero;
define the image view’s width to be “>=” the container view width (with a multiplier of 66%);
obviously define your bubble’s appropriate leading/trailing/top/bottom constraints to its superview, too; and
make sure your cell is using automatic cell height.
For the sake of completeness, the other approach is to make an #IBDesignable view where you draw the bubble yourself with a CAShapeLayer whose path is the cgPath of a UIBezierPath. This is what I’ve done in my chat apps. But this stretchable image approach works fine, too.
By the way, if your speaker and listener bubbles are different colors, note that you might want to have flipped renditions of these bubbles for RTL languages.
This is going to be a bit hard to explain but ill do my best. I'm working on an ionic project, i have on the home screen several horizontal scrolling divs, and whole view is vertically scrollable. The problem is if i drag the screen, and start initially dragging from the items in the horizontal list, i cant vertically drag the whole view, which makes sense, cause the horizontal list has only the ionic scroll direction set to x.
But I want to mimic the effect on the facebook timeline, where there are the suggested apps ads, you can horizontally scroll through them, however if u dragged vertically u will scroll the whole timeline as normal.
I want to make photogrid like this app.
I know that I can do this using UIClollectionView or any other demos available in cocoa controls , but the issue of using all these is that i can not move the grid view in any direction i.e i can move only in horizontal or vertical directions but not in z axis direction (i.e scrolling horizontal and vertical directions at the same time).
I want the grid view to move in any directions.
Is there any way to achieve this?
Thanks..