Material Design Demo for Android 1.0

ਐਂਡਰੌਇਡ ਲਈ ਮਟੀਰੀਅਲ ਡਿਜ਼ਾਈਨ ਡੈਮੋ ਇੱਕ ਨਮੂਨਾ ਐਪ ਹੈ ਜੋ ਡਿਜ਼ਾਈਨ ਸਹਾਇਤਾ ਲਾਇਬ੍ਰੇਰੀ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਬਣਾਈ ਗਈ ਹੈ। ਇਸ ਐਪ ਦਾ ਉਦੇਸ਼ ਇਹ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨਾ ਹੈ ਕਿ ਇੱਕ ਐਪ ਵਿੱਚ ਸਮੱਗਰੀ ਡਿਜ਼ਾਈਨ ਨੂੰ ਕਿਵੇਂ ਲਾਗੂ ਕਰਨਾ ਹੈ ਜੋ ਪ੍ਰੀ-ਲੌਲੀਪੌਪ ਡਿਵਾਈਸਾਂ (ਏਪੀਆਈ ਲੈਵਲ 7 ਤੱਕ) ਦੇ ਅਨੁਕੂਲ ਹੈ। ਇਸ ਐਪ ਵਿੱਚ ਨੈਵੀਗੇਸ਼ਨ ਦਰਾਜ਼, ਚਿੱਤਰ ਦੇ ਨਾਲ ਲਚਕਦਾਰ ਸਪੇਸ (ਸਕ੍ਰੌਲਿੰਗ ਤਕਨੀਕ), ਫਲੋਟਿੰਗ ਐਕਸ਼ਨ ਬਟਨ, ਟੈਕਸਟ ਨੂੰ ਸੰਪਾਦਿਤ ਕਰਨ ਲਈ ਫਲੋਟਿੰਗ ਲੇਬਲ, ਸਨੈਕਬਾਰ (ਐਕਸ਼ਨ ਦੇ ਨਾਲ ਅਤੇ ਬਿਨਾਂ), ਟੈਬਾਂ, ਕੋਆਰਡੀਨੇਟਰ ਲੇਆਉਟ ਅਤੇ ਫਲੋਟਿੰਗ ਐਕਸ਼ਨ ਬਟਨ, ਅਤੇ ਕੋਆਰਡੀਨੇਟਰ ਸਮੇਤ ਵੱਖ-ਵੱਖ ਮਟੀਰੀਅਲ ਡਿਜ਼ਾਈਨ ਕੰਪੋਨੈਂਟ ਸ਼ਾਮਲ ਹਨ। ਖਾਕਾ ਅਤੇ ਐਪ ਬਾਰ (ਟੂਲ ਬਾਰ)।

ਮਟੀਰੀਅਲ ਡਿਜ਼ਾਈਨ Google ਦੁਆਰਾ ਵਿਕਸਤ ਇੱਕ ਵਿਜ਼ੂਅਲ ਭਾਸ਼ਾ ਹੈ ਜਿਸਦਾ ਉਦੇਸ਼ ਸਾਰੇ ਪਲੇਟਫਾਰਮਾਂ ਅਤੇ ਡਿਵਾਈਸਾਂ ਵਿੱਚ ਇੱਕ ਯੂਨੀਫਾਈਡ ਉਪਭੋਗਤਾ ਅਨੁਭਵ ਬਣਾਉਣਾ ਹੈ। ਇਹ ਸਾਫ਼ ਟਾਈਪੋਗ੍ਰਾਫੀ, ਗੂੜ੍ਹੇ ਰੰਗਾਂ ਅਤੇ ਸਧਾਰਨ ਆਕਾਰਾਂ 'ਤੇ ਕੇਂਦਰਿਤ ਹੈ। ਮਟੀਰੀਅਲ ਡਿਜ਼ਾਈਨ ਵਧੇਰੇ ਆਕਰਸ਼ਕ ਉਪਭੋਗਤਾ ਅਨੁਭਵ ਬਣਾਉਣ ਲਈ ਐਨੀਮੇਸ਼ਨਾਂ ਅਤੇ ਤਬਦੀਲੀਆਂ ਦੀ ਵਰਤੋਂ 'ਤੇ ਵੀ ਜ਼ੋਰ ਦਿੰਦਾ ਹੈ।

ਐਂਡਰੌਇਡ ਲਈ ਮਟੀਰੀਅਲ ਡਿਜ਼ਾਈਨ ਡੈਮੋ ਦਿਖਾਉਂਦਾ ਹੈ ਕਿ ਕਿਵੇਂ ਡਿਵੈਲਪਰ ਇਹਨਾਂ ਸਿਧਾਂਤਾਂ ਨੂੰ ਉਹਨਾਂ ਦੀਆਂ ਆਪਣੀਆਂ ਐਪਾਂ ਵਿੱਚ ਸ਼ਾਮਲ ਕਰ ਸਕਦੇ ਹਨ। ਗੂਗਲ ਦੁਆਰਾ ਪ੍ਰਦਾਨ ਕੀਤੀ ਡਿਜ਼ਾਇਨ ਸਪੋਰਟ ਲਾਇਬ੍ਰੇਰੀ ਦੀ ਵਰਤੋਂ ਕਰਕੇ, ਡਿਵੈਲਪਰ ਸਕ੍ਰੈਚ ਤੋਂ ਗੁੰਝਲਦਾਰ ਕੋਡ ਲਿਖਣ ਦੀ ਲੋੜ ਤੋਂ ਬਿਨਾਂ ਆਸਾਨੀ ਨਾਲ ਆਪਣੇ ਐਪਸ ਵਿੱਚ ਸਮੱਗਰੀ ਡਿਜ਼ਾਈਨ ਤੱਤ ਸ਼ਾਮਲ ਕਰ ਸਕਦੇ ਹਨ।

ਇਸ ਡੈਮੋ ਐਪ ਦੀਆਂ ਮੁੱਖ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਵਿੱਚੋਂ ਇੱਕ ਇਸਦੀ ਪ੍ਰੀ-ਲੌਲੀਪੌਪ ਡਿਵਾਈਸਾਂ ਨਾਲ ਅਨੁਕੂਲਤਾ ਹੈ। ਇਸਦਾ ਅਰਥ ਇਹ ਹੈ ਕਿ ਉਹ ਉਪਭੋਗਤਾ ਜੋ ਅਜੇ ਵੀ ਐਂਡਰੌਇਡ ਦੇ ਪੁਰਾਣੇ ਸੰਸਕਰਣਾਂ ਦੀ ਵਰਤੋਂ ਕਰ ਰਹੇ ਹਨ, ਉਹਨਾਂ ਦੇ ਐਪਸ ਵਿੱਚ ਸਮੱਗਰੀ ਡਿਜ਼ਾਈਨ ਦੇ ਲਾਭਾਂ ਦਾ ਆਨੰਦ ਲੈ ਸਕਦੇ ਹਨ।

ਆਉ ਇਸ ਡੈਮੋ ਵਿੱਚ ਸ਼ਾਮਲ ਕੀਤੇ ਗਏ ਕੁਝ ਖਾਸ ਹਿੱਸਿਆਂ 'ਤੇ ਇੱਕ ਡੂੰਘਾਈ ਨਾਲ ਵਿਚਾਰ ਕਰੀਏ:

ਨੇਵੀਗੇਸ਼ਨ ਦਰਾਜ਼: ਨੈਵੀਗੇਸ਼ਨ ਦਰਾਜ਼ ਉਪਭੋਗਤਾਵਾਂ ਨੂੰ ਇੱਕ ਐਪ ਦੇ ਅੰਦਰ ਵੱਖ-ਵੱਖ ਭਾਗਾਂ ਜਾਂ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਤੱਕ ਤੁਰੰਤ ਪਹੁੰਚ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ। ਜਦੋਂ ਮੀਨੂ ਆਈਕਨ ਜਾਂ ਸਵਾਈਪ ਸੰਕੇਤ ਦੁਆਰਾ ਚਾਲੂ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਤਾਂ ਇਹ ਸਕ੍ਰੀਨ ਦੇ ਖੱਬੇ ਪਾਸੇ ਤੋਂ ਸਲਾਈਡ ਹੁੰਦਾ ਹੈ।

ਚਿੱਤਰ ਦੇ ਨਾਲ ਲਚਕਦਾਰ ਸਪੇਸ: ਇਹ ਕੰਪੋਨੈਂਟ ਡਿਵੈਲਪਰਾਂ ਨੂੰ ਉਹਨਾਂ ਦੇ ਐਪਸ ਲਈ ਸ਼ਾਨਦਾਰ ਹੈਡਰ ਬਣਾਉਣ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ। ਸਿਰਲੇਖ ਚਿੱਤਰ ਉੱਪਰ ਸਕ੍ਰੋਲ ਕਰਦਾ ਹੈ ਕਿਉਂਕਿ ਉਪਭੋਗਤਾ ਸਕ੍ਰੀਨ 'ਤੇ ਸਮੱਗਰੀ ਰਾਹੀਂ ਹੇਠਾਂ ਸਕ੍ਰੌਲ ਕਰਦੇ ਹਨ।

ਫਲੋਟਿੰਗ ਐਕਸ਼ਨ ਬਟਨ: ਫਲੋਟਿੰਗ ਐਕਸ਼ਨ ਬਟਨ ਉਪਭੋਗਤਾਵਾਂ ਨੂੰ ਐਪ ਦੇ ਅੰਦਰ ਪ੍ਰਾਇਮਰੀ ਐਕਸ਼ਨ ਤੱਕ ਤੁਰੰਤ ਪਹੁੰਚ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ। ਇਹ ਸਕ੍ਰੀਨ 'ਤੇ ਹੋਰ ਸਮੱਗਰੀ ਦੇ ਉੱਪਰ ਤੈਰਦਾ ਹੈ ਅਤੇ ਟੈਪ ਕੀਤੇ ਜਾਣ 'ਤੇ ਐਨੀਮੇਟ ਹੁੰਦਾ ਹੈ।

ਟੈਕਸਟ ਨੂੰ ਸੰਪਾਦਿਤ ਕਰਨ ਲਈ ਫਲੋਟਿੰਗ ਲੇਬਲ: ਫਲੋਟਿੰਗ ਲੇਬਲ ਫਾਰਮਾਂ ਜਾਂ ਹੋਰ ਸਕ੍ਰੀਨਾਂ ਦੇ ਅੰਦਰ ਇਨਪੁਟ ਖੇਤਰਾਂ ਲਈ ਸੰਦਰਭ ਪ੍ਰਦਾਨ ਕਰਦੇ ਹਨ ਜਿੱਥੇ ਉਪਭੋਗਤਾਵਾਂ ਨੂੰ ਜਾਣਕਾਰੀ ਦਰਜ ਕਰਨ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ। ਉਹ ਇਨਪੁਟ ਖੇਤਰਾਂ ਦੇ ਉੱਪਰ ਤੈਰਦੇ ਹਨ ਜਦੋਂ ਤੱਕ ਉਹਨਾਂ 'ਤੇ ਟੈਪ ਜਾਂ ਕਲਿੱਕ ਕਰਨ ਦੁਆਰਾ ਫੋਕਸ ਨਹੀਂ ਕੀਤਾ ਜਾਂਦਾ।

ਸਨੈਕਬਾਰ: ਸਨੈਕਬਾਰ ਕਿਸੇ ਐਪਲੀਕੇਸ਼ਨ ਦੁਆਰਾ ਕੀਤੀਆਂ ਗਈਆਂ ਕਾਰਵਾਈਆਂ ਬਾਰੇ ਸੰਖੇਪ ਸੰਦੇਸ਼ ਪ੍ਰਦਾਨ ਕਰਦੇ ਹਨ ਜਿਵੇਂ ਕਿ ਡੇਟਾ ਨੂੰ ਸਫਲਤਾਪੂਰਵਕ ਸੁਰੱਖਿਅਤ ਕਰਨਾ ਜਾਂ ਫੇਲ ਹੋਣ ਵਾਲੇ ਨੈੱਟਵਰਕ ਮੁੱਦਿਆਂ ਆਦਿ। ਇਹ ਕੁਝ ਸਕਿੰਟਾਂ ਬਾਅਦ ਆਪਣੇ ਆਪ ਅਲੋਪ ਹੋਣ ਤੋਂ ਪਹਿਲਾਂ ਅਸਥਾਈ ਤੌਰ 'ਤੇ ਸਕ੍ਰੀਨ ਦੇ ਹੇਠਲੇ ਹਿੱਸੇ 'ਤੇ ਦਿਖਾਈ ਦਿੰਦੇ ਹਨ।

ਟੈਬਸ: ਟੈਬਸ ਡਿਵੈਲਪਰਾਂ ਨੂੰ ਇੱਕ ਐਪਲੀਕੇਸ਼ਨ ਦੇ ਅੰਦਰ ਸਮੱਗਰੀ ਨੂੰ ਵੱਖਰੇ ਭਾਗਾਂ ਵਿੱਚ ਵਿਵਸਥਿਤ ਕਰਨ ਦੀ ਇਜਾਜ਼ਤ ਦਿੰਦੇ ਹਨ ਤਾਂ ਜੋ ਉਪਭੋਗਤਾਵਾਂ ਲਈ ਉਹਨਾਂ ਵਿਚਕਾਰ ਨੈਵੀਗੇਟ ਕਰਨਾ ਆਸਾਨ ਹੋਵੇ

ਕੋਆਰਡੀਨੇਟਰ ਲੇਆਉਟ ਅਤੇ ਫਲੋਟਿੰਗ ਐਕਸ਼ਨ ਬਟਨ: ਕੋਆਰਡੀਨੇਟਰ ਲੇਆਉਟ ਤੁਹਾਨੂੰ ਦੋ ਦ੍ਰਿਸ਼ਾਂ ਦੇ ਵਿਚਕਾਰ ਸਕ੍ਰੌਲਿੰਗ ਪ੍ਰਭਾਵਾਂ ਵਰਗੇ ਦ੍ਰਿਸ਼ਾਂ ਦਾ ਤਾਲਮੇਲ ਕਰਨ ਵਿੱਚ ਮਦਦ ਕਰਦਾ ਹੈ ਜਦੋਂ ਕਿ FAB (ਫਲੋਟਿੰਗ ਐਕਸ਼ਨ ਬਟਨ) ਤੁਹਾਨੂੰ ਪ੍ਰਾਇਮਰੀ ਕਾਰਵਾਈਆਂ ਤੇਜ਼ੀ ਨਾਲ ਕਰਨ ਵਿੱਚ ਮਦਦ ਕਰਦਾ ਹੈ।

ਕੋਆਰਡੀਨੇਟਰ ਲੇਆਉਟ ਅਤੇ ਐਪ ਬਾਰ (ਟੂਲ ਬਾਰ): ਕੋਆਰਡੀਨੇਟਰ ਲੇਆਉਟ ਤੁਹਾਨੂੰ ਦੋ ਦ੍ਰਿਸ਼ਾਂ ਦੇ ਵਿਚਕਾਰ ਸਕ੍ਰੌਲਿੰਗ ਪ੍ਰਭਾਵਾਂ ਵਰਗੇ ਦ੍ਰਿਸ਼ਾਂ ਦਾ ਤਾਲਮੇਲ ਕਰਨ ਵਿੱਚ ਮਦਦ ਕਰਦਾ ਹੈ ਜਦੋਂ ਕਿ ਐਪ ਬਾਰ (ਟੂਲ ਬਾਰ) ਤੁਹਾਡੀ ਐਪਲੀਕੇਸ਼ਨ ਵਿੱਚ ਇਕਸਾਰ ਨੈਵੀਗੇਸ਼ਨ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ।

ਕੁੱਲ ਮਿਲਾ ਕੇ, ਜੇਕਰ ਤੁਸੀਂ ਇਸ ਬਾਰੇ ਪ੍ਰੇਰਨਾ ਲੱਭ ਰਹੇ ਹੋ ਕਿ ਤੁਹਾਡੀਆਂ ਖੁਦ ਦੀਆਂ ਐਪਲੀਕੇਸ਼ਨਾਂ ਵਿੱਚ ਮੈਟੀਰੀਅਲ ਡਿਜ਼ਾਈਨ ਸਿਧਾਂਤਾਂ ਨੂੰ ਲਾਗੂ ਕਰਨ ਦੇ ਸਭ ਤੋਂ ਵਧੀਆ ਅਭਿਆਸ ਕਿਵੇਂ ਹਨ, ਤਾਂ ਇਹ ਡੈਮੋ ਬਹੁਤ ਮਦਦਗਾਰ ਹੋਵੇਗਾ!