01 ਦਾ 03
ਨਵੀਨਤਮ ਪ੍ਰਮਾਣਿਤ. ਐਂਟੀਓਓ. ਅਪਡੇਟ ਵਿੱਚ ਸਕ੍ਰੋਲਯੋਗ ਕੰਟੇਨਰ ਸ਼ਾਮਲ ਹਨ
ਕੁਝ ਮਹੀਨੇ ਪਹਿਲਾਂ ਮੈਂ ਦਰਸਾਇਆ ਕਿ ਪ੍ਰਮਾਣੂ ਮੋਰੀ ਪ੍ਰੋਟੋਟਾਈਪ ਲਈ ਕਿਵੇਂ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ . ਮੈਂ ਟੁਕੜੇ ਵਿਚ ਜੋ ਮੁੱਖ ਨੁਕਤੇ ਬਣਾਏ ਉਹ ਸੀ ਕਲਾਇੰਟ ਜਾਂ ਟੀਮ ਦੀ ਕਲਪਨਾ ਨੂੰ ਛੱਡਣ ਦੀ ਬਜਾਏ "ਵੇਖਣਾ ਮੋਤੀ" ਮਹੱਤਵਪੂਰਨ ਹੈ. ਵਾਸਤਵ ਵਿੱਚ, ਇਹ ਇੰਨਾ ਨਾਜ਼ੁਕ ਹੋ ਗਿਆ ਹੈ ਕਿ ਯੂਐਕਸ / ਯੂਆਈ ਟੂਲਸ ਦੀ ਇਕ ਪੂਰੀ ਨਵੀਂ ਸ਼੍ਰੇਣੀ ਦ੍ਰਿਸ਼ਟੀ ਤੋਂ ਦਿਖਾਈ ਦੇ ਰਹੀ ਹੈ. ਇਨ੍ਹਾਂ ਵਿੱਚ ਸ਼ਾਮਲ ਹਨ - ਐਪਲ ਕੇਨੋਟ, ਅਡੋਬ ਦੀ ਐਜਟ ਐਨੀਮੇਟ, ਇਫੈਕਟਸ ਅਤੇ ਯੂਐਕਸਪਿਨ ਤੋਂ ਬਾਅਦ, ਕੁਝ ਦਾ ਨਾਮ ਰੱਖਣ ਲਈ. ਬਲਾਕ ਤੇ ਨਵਾਂ ਬੱਚਾ ਐਟਮੀ.ਓ ਜੋ ਓਪਨ ਬੀਟਾ ਵਿੱਚ ਸੀ ਜਦੋਂ ਮੈਂ ਪਹਿਲੀ ਵਾਰ ਉਤਪਾਦ ਬਾਰੇ ਲਿਖਿਆ ਸੀ.
ਖੁੱਲ੍ਹੀਆਂ ਬੀਟਾਾਂ ਬਾਰੇ ਸੁਨਿਸ਼ਚਿਤ ਗੱਲ ਇਹ ਹੈ ਕਿ ਉਹ ਸਾਫਟਵੇਅਰ ਨਿਰਮਾਤਾ ਨੂੰ ਫੀਚਰਸ ਸੈਟ ਤੇ ਯੂਜ਼ਰ ਫੀਡਬੈਕ ਲੈਣ ਦਾ ਮੌਕਾ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ, ਲੈਕੇ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਸਮੇਤ, ਅਤੇ ਫਿਰ ਐਪਲੀਕੇਸ਼ ਵਿੱਚ ਉਹਨਾਂ ਨੂੰ ਸ਼ਾਮਲ ਕਰੋ ਅਤੇ ਉਹਨਾਂ ਨੂੰ ਵਪਾਰਕ ਪ੍ਰਕਾਸ਼ਨ ਤੋਂ ਪਹਿਲਾਂ ਟੈਸਟ ਕਰਵਾਓ. ਪ੍ਰਮਾਣੂ ਦੇ ਮਾਮਲੇ ਵਿੱਚ, ਇੱਕ ਵਿਸ਼ੇਸ਼ਤਾ ਜੋ ਮੈਂ ਅਸਲ ਵਿੱਚ ਖੁੰਝੀ ਸੀ ਸਮੱਗਰੀ ਨੂੰ ਵਰਟੀਕਲ ਜਾਂ ਖਿਤਿਜੀ ਰੂਪ ਵਿੱਚ ਸਕ੍ਰੋਲ ਕਰਨ ਦੀ ਸਮਰੱਥਾ ਸੀ ਇਸ ਵਿੱਚ ਕਾਰਡ, ਸਲਾਇਡ ਸ਼ੋਅ ਜਾਂ ਇੱਕ ਕਾਰਜ ਜਾਂ ਸਾਈਟ ਦੇ ਇੰਟਰਫੇਸ ਦੀਆਂ ਸੀਮਾਵਾਂ ਵਿੱਚ ਸੁੱਰਖਿਅਤ ਜਾਂ ਖਿੱਚਣ ਵਾਲੀ ਕੋਈ ਚੀਜ਼ ਸ਼ਾਮਲ ਹੋ ਸਕਦੀ ਹੈ.
ਇਹ ਬਹੁਤ ਸਾਰੇ ਉਪਯੋਗਕਰਤਾਵਾਂ ਦੀ ਮੰਗ ਕੀਤੀ ਗਈ ਸੀ ਕਿਉਂਕਿ ਇਸ ਮਹੀਨੇ ਵਿੱਚ ਸਕ੍ਰੋਲਬਲ ਕੰਟੇਨਰ ਇਸ ਐਪ ਨੂੰ ਪੇਸ਼ ਕੀਤੇ ਗਏ ਸਨ ਅਤੇ, ਮੈਨੂੰ ਪ੍ਰੋਟੋਟਾਈਪ ਵਿੱਚ ਸਕ੍ਰੋਲਯੋਗ ਸਮਗਰੀ ਨੂੰ ਬਣਾਉਣ ਲਈ ਸਵੀਕਾਰ ਕਰਨਾ ਪਏਗਾ, ਜੋ ਕਿ ਸਮਰੱਥ ਬਣਾਉਣ ਲਈ ਲਾਜ਼ਮੀ ਹੈ.
ਇੱਥੇ ਕਿਵੇਂ ਹੈ ...
02 03 ਵਜੇ
ਪ੍ਰਮਾਣੂ ਵਿੱਚ ਵਰਟੀਕਲ ਸਕ੍ਰੌਲਿੰਗ ਸਮੱਗਰੀ ਕਿਵੇਂ ਬਣਾਉਣਾ ਹੈ
ਤੁਹਾਨੂੰ ਪਹਿਲੇ ਇੱਕ 30-ਦਿਨ ਦੇ ਮੁਫ਼ਤ ਮੁਕੱਦਮੇ ਲਈ ਸਾਈਨ ਅੱਪ ਕਰਨ ਦੀ ਜ਼ਰੂਰਤ ਹੋਵੇਗੀ ਅਤੇ, ਉਸ ਸਮੇਂ ਦੇ ਅੰਤ ਵਿੱਚ ਤੁਹਾਨੂੰ ਤਿੰਨ ਕੀਮਤ ਦੀਆਂ ਯੋਜਨਾਵਾਂ ਪੇਸ਼ ਕੀਤੀਆਂ ਜਾਣਗੀਆਂ.
ਸਭ ਤੋਂ ਪਹਿਲਾਂ ਤੁਹਾਨੂੰ ਇਹ ਜਾਣਨ ਦੀ ਲੋੜ ਹੈ ਕਿ ਤੁਸੀਂ ਜੋ ਕੰਮ ਕਰ ਰਹੇ ਹੋ ਉਹ ਬਰਾਊਜ਼ਰ ਵਿੱਚ ਹੈ ਅਤੇ ਐਪ ਦਾ ਮਕਸਦ ਨਿਸ਼ਚਿਤ ਰੂਪ ਵਿੱਚ Google Chrome ਤੇ ਹੈ. ਇੱਕ ਵਾਰ ਜਦੋਂ ਤੁਸੀਂ ਲਾਗਇਨ ਕਰਦੇ ਹੋ ਤਾਂ ਤੁਹਾਨੂੰ ਪ੍ਰੋਜੈਕਟਜ਼ ਪੇਜ ਤੇ ਲਿਜਾਇਆ ਜਾਵੇਗਾ. ਐਪ ਨੂੰ ਖੋਲ੍ਹਣ ਲਈ, ਨਿਊ ਪ੍ਰੋਜੈਕਟ ਬਟਨ 'ਤੇ ਕਲਿੱਕ ਕਰੋ .
ਜਦੋਂ ਇੰਟਰਫੇਸ ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ ਤਾਂ ਤੁਸੀਂ ਦੇਖੋਗੇ ਕਿ ਸੀਮਿਤ ਸੰਦਾਂ ਹਨ, ਪੇਜ਼ਾਂ ਨੂੰ ਪੇਜ਼ਾਂ ਅਤੇ ਲੇਅਰਸ ਨੂੰ ਜੋੜਨ ਦੀ ਸਮਰੱਥਾ, ਕਲਾ ਬੋਰਡ ਅਤੇ, ਸੱਜੇ ਪਾਸੇ, ਸੰਦਰਭ ਸੰਵੇਦਨਸ਼ੀਲ ਵਿਸ਼ੇਸ਼ਤਾ ਪੈਨਲ.
ਇਸ ਉਦਾਹਰਨ ਵਿੱਚ, ਮੈਂ ਇੱਕ ਆਈਫੋਨ 5 ਪ੍ਰੀਸੈਟ ਨਾਲ ਸ਼ੁਰੂ ਕੀਤਾ ਜੋ ਕਿ 320 x 568 ਹੈ. ਫਿਰ ਫੇਰ ਉਹ ਫੋਲਡਰ ਖੋਲ੍ਹੋ ਜਿਸਦਾ ਸਕ੍ਰੌਵ ਕੀਤਾ ਜਾਣਾ ਹੋਵੇ ਅਤੇ ਉਹਨਾਂ ਨੂੰ ਕੈਨਵਸ ਤੇ ਖਿੱਚਿਆ ਜਾਵੇ. ਉਹ ਆਪਣੇ ਆਪ ਹੀ ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ ਜੋੜੇ ਗਏ ਸਨ ਅਤੇ ਤੁਸੀਂ ਦੇਖ ਸਕਦੇ ਹੋ ਕਿ ਉਹ ਲੇਅਰਸ ਟੈਬ ਤੇ ਕਲਿਕ ਕਰਦੇ ਹਨ ਜੇਕਰ ਉਹ ਵਿਅਕਤੀਗਤ ਲੇਅਰ ਤੇ ਹਨ ਫਿਰ ਮੈਂ ਐਰੋ ਟੂਲ (ਚੋਣ) ਦੀ ਚੋਣ ਕੀਤੀ, ਇੱਕ ਚਿੱਤਰ ਨੂੰ ਚੁਣਿਆ ਅਤੇ ਉਹਨਾਂ ਵਿਚਕਾਰ ਕੁਝ ਸਪੇਸ ਜੋੜਨ ਲਈ ਇਸ ਨੂੰ ਇੱਕ ਨਵੀਂ ਸਥਿਤੀ ਵਿੱਚ ਖਿੱਚ ਲਿਆ. ਮੈਂ ਫਿਰ ਸਾਰੇ ਚਿੱਤਰ ਚੁਣ ਲਏ ਅਤੇ ਟੂਲਬਾਰ ਵਿਚ ਵਰਟੀਕਲੀ ਡਿਸਟਰੀਬਿਊਟ ਬਟਨ ਤੇ ਕਲਿਕ ਕੀਤਾ. ਇਹ ਚਿੱਤਰਾਂ ਦੇ ਬਰਾਬਰ ਹੈ.
ਅਗਲਾ ਕਦਮ ਹੈ ਸਕਰੋਲ ਕਰਨ ਲਈ ਸਾਰੀ ਸਮੱਗਰੀ ਨੂੰ ਚੁਣੋ ਅਤੇ ਜਾਂ ਫਿਰ ਕੰਟੇਨਰ ਬਟਨ ਤੇ ਕਲਿੱਕ ਕਰੋ ਜਾਂ ਗਰੁੱਪ ਬਟਨ ਤੋਂ ਪੋਪ ਦਬਾਓ ਤੋਂ ਸਕਰੋਲ ਕੰਟੇਨਰ ਬਣਾਓ ਚੁਣੋ . ਇਕ ਵਾਰ ਕੰਟੇਨਰ ਬਣਾਇਆ ਜਾਵੇ- ਤੁਸੀਂ ਲੇਅਰਜ਼ ਪੈਨਲ ਵਿਚ ਇਸਨੂੰ ਦੇਖ ਸਕੋਗੇ - ਕੰਨਟੇਨਰ ਤੇ ਕਲਿਕ ਕਰੋ ਅਤੇ ਕੈਨਵਸ ਦੇ ਤਲ ਤੋਂ ਥੱਲੇ ਥੱਲੇ ਥੱਲੇ ਨੂੰ ਥੱਲੇ ਖਿੱਚੋ . ਵਿਸ਼ੇਸ਼ਤਾ ਪੈਨਲ ਦੇ ਹੇਠਾਂ ਪੂਰਵਦਰਸ਼ਨ ਬਟਨ ਤੇ ਕਲਿਕ ਕਰੋ ਅਤੇ ਇਹ ਇੱਕ ਬ੍ਰਾਊਜ਼ਰ ਵਿੰਡੋ ਨੂੰ ਲਾਂਚ ਕਰੇਗਾ. ਸਮੱਗਰੀ ਨੂੰ ਸਕ੍ਰੌਲ ਕਰਨ ਲਈ ਆਪਣੇ ਮਾਉਸ ਦੇ ਸਕੋਲ ਵਹੀਲ ਦੀ ਵਰਤੋਂ ਕਰੋ ਆਪਣੇ ਪ੍ਰੋਜੈਕਟ ਤੇ ਵਾਪਸ ਆਉਣ ਲਈ, ਬ੍ਰਾਊਜ਼ਰ ਵਿੰਡੋ ਦੇ ਸੱਜੇ ਪਾਸੇ ਸੰਪਾਦਨ ਬਟਨ ਤੇ ਕਲਿਕ ਕਰੋ
03 03 ਵਜੇ
ਪ੍ਰਮਾਣੂ ਵਿੱਚ ਹਰੀਜੱਟਲ ਸਕ੍ਰੌਲਿੰਗ ਸਮਗਰੀ ਕਿਵੇਂ ਬਣਾਉਣਾ ਹੈ
ਹਰੀਜ਼ਟਲ ਸਕਰੋਲਿੰਗ ਨੂੰ ਪੂਰਾ ਕਰਨਾ ਬਹੁਤ ਅਸਾਨ ਹੈ.
ਇਸ ਕੇਸ ਵਿੱਚ, ਕੈੱਨਿਸ ਵਿੱਚ ਇੱਕ ਚਿੱਤਰ ਦੀ ਲੜੀ ਖਿੱਚੀ ਗਈ ਅਤੇ ਇਕ-ਦੂਜੇ ਦੇ ਵਿਰੁੱਧ ਉਨ੍ਹਾਂ ਨੂੰ ਬੇਇੱਜ਼ਤ ਕੀਤਾ ਗਿਆ. ਚੁਣੇ ਹੋਏ ਚਿੱਤਰਾਂ ਦੇ ਨਾਲ, ਮੈਂ ਇਹ ਯਕੀਨੀ ਬਣਾਉਣ ਲਈ ਸਿਖਰ ਤੇ ਇਕਸਾਰ ਬਟਨ ਤੇ ਕਲਿਕ ਕਰਾਂਗਾ ਕਿ ਉਹ ਸਾਰੇ ਇਕ-ਦੂਜੇ ਨਾਲ ਜੁੜੇ ਹੋਣ.
ਫਿਰ ਮੈਂ ਸ਼ਿਫਟ ਬਟਨ ਨੂੰ ਥੱਲੇ ਰੱਖ ਲਿਆ ਅਤੇ ਲੇਅਰਸ ਪੈਨਲ ਵਿਚ ਹਰੇਕ ਪਰਤ ਨੂੰ ਚੁਣਿਆ. ਚੁਣੇ ਹੋਏ ਚਿੱਤਰਾਂ ਦੇ ਨਾਲ, ਮੈਂ ਕੰਟੇਨਰ ਬਟਨ ਤੇ ਕਲਿਕ ਕੀਤਾ , ਅਤੇ ਵਿਸ਼ੇਸ਼ਤਾ ਪੈਨਲ ਵਿੱਚ, ਬੀਹਿਅਰਜ਼ ਏਰੀਏ ਵਿੱਚ ਹਰੀਜ਼ਟਲ ਤੌਰ ਤੇ ਚੁਣਿਆ .
ਮੈਂ ਫਿਰ ਪ੍ਰੌਜੈਕਟ ਦੀ ਪੂਰਵਦਰਸ਼ਨ ਬਟਨ ਤੇ ਕਲਿੱਕ ਕਰਕੇ ਇੱਕ ਬ੍ਰਾਊਜ਼ਰ ਵਿੰਡੋ ਵਿੱਚ ਪਰਖ ਕੀਤੀ.
ਹਾਲਾਂਕਿ ਮੈਂ ਦਿਖਾਇਆ ਹੈ ਕਿ ਵਰਟੀਕਲ ਅਤੇ ਹਰੀਜ਼ਟਲ ਸਕ੍ਰੌਲਿੰਗ ਦੇ ਵਿਅਕਤੀਗਤ ਵਰਜ਼ਨਜ਼ ਨੂੰ ਕਿਵੇਂ ਬਣਾਉਣਾ ਹੈ, ਜਿੰਨਾ ਚਿਰ ਤੁਸੀਂ ਇਕ ਕੰਟੇਨਰ ਵਿੱਚ ਸਕਰੋਲ ਸਮੱਗਰੀ ਪਾਉਂਦੇ ਹੋ, ਤੁਸੀਂ ਇਨ੍ਹਾਂ ਕੰਟੇਨਰਾਂ ਨੂੰ ਸਕ੍ਰੀਨ ਦੇ ਅਲੱਗ ਖੇਤਰਾਂ ਵਿੱਚ ਰੱਖ ਸਕਦੇ ਹੋ. ਉਦਾਹਰਨ ਲਈ, ਇੱਕ ਵੈਬ ਪੇਜ ਕੋਲ ਇੱਕ ਪਾਸੇ ਦੇ ਮੀਨੂ ਵਿੱਚ ਖੜ੍ਹਵੇਂ ਰੂਪ ਵਿੱਚ ਸਕ੍ਰੋਲਿੰਗ ਸਮੱਗਰੀ ਹੋ ਸਕਦੀ ਹੈ ਅਤੇ ਉਸੇ ਸਫ਼ੇ ਤੇ ਇੱਕ ਸਲਾਇਡ-ਸ਼ੋਅ ਵਿੱਚ ਖਿਤਿਜੀ ਸਕ੍ਰੌਲਿੰਗ ਸਮੱਗਰੀ ਹੋ ਸਕਦੀ ਹੈ. ਵਾਸਤਵ ਵਿੱਚ, ਇੱਕ ਡੱਬੀ ਵਿੱਚ ਚੀਜ਼ਾਂ ਲਈ ਵਰਟੀਕਲ ਅਤੇ ਹਰੀਜੱਟਲ ਸਕ੍ਰੌਲਿੰਗ ਦੋਵਾਂ ਵਿੱਚ ਹੋ ਸਕਦੀ ਹੈ ਜਿਵੇਂ ਇੱਕ ਚਿੱਤਰ ਪਖਾਰਕ ਜਿਸ ਵਿੱਚ ਇਕ ਦਰਜਨ ਜਾਂ ਇਸ ਤੋਂ ਵੱਧ ਥੰਬਨੇਲ ਹਨ.
ਪ੍ਰਮਾਣਿਤ .io ਵਿੱਚ ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਬਾਰੇ ਹੋਰ ਜਾਣਨ ਲਈ ਆਊਟ ਕਰੋ:
- ਬਲੌਗ ਘੋਸ਼ਣਾ
- ਸਕਰੋਲਿੰਗ ਕੰਟੇਨਰ ਟਿਊਟੋਰਿਅਲ
- ਕੰਟੇਨਰ ਵਰਤ ਕੇ ਮਾਸਕਿੰਗ
- ਨਿਪਟਾਰਾ ਸਕ੍ਰੋਲਿੰਗ ਕੰਟੇਨਰ