๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
728x90
๋ฐ˜์‘ํ˜•

AppBar2

[Flutter] AppBar transparent ํˆฌ๋ช…์ƒ‰์œผ๋กœ, Body ์œ„์— ๊ฒน์น˜๊ธฐ @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( centerTitle: true, //Title text ๊ฐ€์šด๋ฐ ์ •๋ ฌ title: Text(widget.title), backgroundColor: Colors.transparent, //appBar ํˆฌ๋ช…์ƒ‰ elevation: 0.0, //appBar ๊ทธ๋ฆผ์ž ๋†๋„ ์„ค์ • (๊ฐ’ 0์œผ๋กœ ์ œ๊ฑฐ) ), extendBodyBehindAppBar: true, //body ์œ„์— appbar body: ...(์ดํ•˜์ƒ๋žต)  ํ”Œ๋Ÿฌํ„ฐ ์•ˆ๋“œ๋กœ์ด๋“œ 2021. 1. 24.
Android activity ์ƒ๋‹จ๋ฐ”(appbar, toolbar)์— ๋ฒ„ํŠผ ๋งŒ๋“ค๊ธฐ ์•ˆ๋“œ๋กœ์ด๋“œ ์•กํ‹ฐ๋น„ํ‹ฐ ํ™”๋ฉด ์•ฑ๋ฐ”(์ •ํ™•ํžˆ๋Š” ํˆด๋ฐ”)์— ๋ฒ„ํŠผ์„ ๋งŒ๋“ค์–ด์ฃผ๋ ค๊ณ  ํ•œ๋‹ค. ๋ฒ„ํŠผ ํ•˜๋‚˜์ด๊ธฐ ๋•Œ๋ฌธ์— ํ•œ๊ฐ€์ง€์˜ ๊ธฐ๋Šฅ๋งŒ ํ•œ๋‹ค. 1. Menu Resource File ์ƒ์„ฑ app์˜ res/menu ํด๋”์—์„œ ๋ฉ”๋ชจ ๋ฆฌ์†Œ์Šค xml ์ƒ์„ฑ ๊ทธ๋Ÿผ ์š”๋ ‡๊ฒŒ ๋œจ๋Š”๋ฐ, ์™ผ์ชฝ์˜ ๋ฉ”๋‰ด Menu Item์„ ์ปดํผ๋„ŒํŠธ ํŠธ๋ฆฌ/menu ์•ˆ์— ๋„ฃ์–ด ์ƒˆ๋กœ ์ƒ์„ฑํ•œ๋‹ค. ๊ทธ๋Ÿผ ์ด๋ ‡๊ฒŒ ๋“œ๋กญ๋ฉ”๋‰ด๊ฐ€ ๊ธฐ๋ณธ์œผ๋กœ ์ƒ์„ฑ๋˜๋Š”๋ฐ, ๋‚˜๋Š” ๋ฒ„ํŠผ๋งŒ ์›ํ•˜๋‹ˆ ๋“œ๋กญ๋ฉ”๋‰ด๋ฅผ ์—†์• ์ฃผ๊ฒ ๋‹ค. ๊ทธ๋Ÿฌ๊ธฐ ์œ„ํ•ด xml ์ฝ”๋“œ๋ฅผ ์—ฐ๋‹ค. ์•„๋ž˜์™€ ๊ฐ™์ด ๋ฐ”๊ฟ”์ฃผ์—ˆ๋‹ค. ์•กํ‹ฐ๋น„ํ‹ฐ ๊ฒฝ๋กœ ์˜ˆ์‹œ (app/java ํ•˜์œ„ ํด๋” ์ด๋ฆ„) tools:context = "com.example.myproject.MainActivity" title ๋Œ€์‹  icon์„ ์ง€์ •ํ•ด์ฃผ์–ด๋„ ๋œ๋‹ค. title๊ณผ icon ๋‘˜๋‹ค ์ง€์ •ํ–ˆ๋‹ค๋ฉด ic.. 2020. 11. 14.
728x90
๋ฐ˜์‘ํ˜•