Jie
Liu
a,
Yubing
Zhang
a,
Chonghua
Zhang
a,
Peisheng
Zhang
a,
Rongjin
Zeng
*a,
Jiaxi
Cui
*b and
Jian
Chen
*ac
aKey Laboratory of Theoretical Organic Chemistry and Functional Molecule of Ministry of Education, Hunan Provincial Key Laboratory of Controllable Preparation and Functional Application of Fine Polymers, Hunan Provincial Key Lab of Advanced Materials for New Energy Storage and Conversion, School of Chemistry and Chemical Engineering, Hunan University of Science and Technology, Xiangtan, Hunan 411201, China. E-mail: zengrj1963@126.com; cj0066@gmail.com; Fax: +86 731 58290045; Tel: +86 731 58290045
bInstitute of Fundamental and Frontier Sciences, University of Electronic Science and Technology of China, Chengdu, Sichuan 610054, China. E-mail: jiaxicui119@gmail.com
cState Key Laboratory of Luminescent Materials and Devices, South China University of Technology, Guangzhou 510640, P. R. China
First published on 1st July 2020
A novel amphiphilic fluorescence building block with perylene diimide (PDI) as the core and quadruple H-bonding groups (UPy) as wings (UPy–PDI–UPy) has been synthesized. It shows interesting thermo-responsive ratiometric dual-emission properties in both aqueous solution and the hydrogel state. Further contrast experiments with two other analogous derivatives, namely UPy–TPDI–UPy and TEG–PDI–TEG, indicated that the presence of supramolecular aggregation induced an emission enhancement effect between the UPy–PDI–UPy molecules, attributed to the synergetic effect of intermolecular intrinsic π–π stacking, the hydrophobic effect and highly directional quadruple H-bonding. In DMF/H2O (v:v = 1:1), UPy–PDI–UPy self-assembles into nanoparticles with obvious ratiometric fluorescence responsiveness towards temperature in the range of 20–80 °C. Moreover, UPy–PDI–UPy can form a thermo-responsive hydrogel by dispersing in PEG-containing aqueous solution. The hydrogels show a temperature-dependent ratiometric dual-emission with a narrow responsive range of 20–39 °C and an excellent renewable property. This innovative research helps to fabricate novel responsive luminescent materials by using the supramolecular self-assembly behavior.
The integration of dyes into a supramolecular system is an efficient method to create thermo-sensitive fluorescence materials.16–18 Among various supramolecular systems, supramolecular assemblies based on multiple H-bonding interactions have been proven to be a promising way to construct novel fluorescent supramolecular polymers with controllable, stimuli-responsive, and reversible features.16–23 In these systems, the fluorophore moieties are conjugated with the H-bonding units to form fluorescence building blocks.16–23 When the temperature lowers to allow the formation of directional H-bonding to order the fluorophores, the materials normally show weak fluorescence due to the quenching effect.24 It is difficult to obtain ratiometric fluorescence, especially for the normal fluorophores that show obvious aggregation-caused quenching (ACQ) in the solid-state or high concentration of solution.
Perylene diimide (PDI) is one of the most well-known fluorescent building blocks to fabricate supramolecular fluorescence materials.25 It has been identified as an ideal candidate for fabricating organic optoelectronic devices, dye lasers, optical switches, and fluorescent sensors.25–31 And it exhibits numerous appealing features including easy functionalization, excellent stability, and ultrahigh fluorescence quantum yields in the molecular state.32–35 In spite of these advantages, traditional PDI-based supramolecular materials usually suffer from relatively weak fluorescent intensities of redshift emission, low quantum yields, and undesirable ACQ in aggregated states due to the strong intermolecular π–π stacking of the PDI plane.36–39 Thus, the optimization of the supramolecular structure to modulate the π–π stacking of PDI is essential to achieve bright emission in the aggregated state, which can be realized by the introduction of various aromatic rings as isolation groups from the sides.37,38 However, this strategy is often hindered by the complicated synthesis routes, and the obtained dyes generally exhibit a stationary red or deep red emission nature.40,41
Herein we report our strategy to prepare PDI-based ratiometric fluorescence supramolecular materials that are thermo-sensitive. In our strategy, the highly directional quadruple hydrogen bonding units of ureidopyrimidinone (UPy) are designed to conjugate with PDI to control the intermolecular π–π stacking for endowing the dye with bright red emission in the aggregated state, together with a temperature-dependent ratiometric fluorescence property. We demonstrate this concept by comparing three rationally designed amphiphilic PDI derivatives, UPy–PDI–UPy, UPy–TPDI–UPy and TEG–PDI–TEG (Scheme 1), which are composed of a hydrophobic PDI core and two hydrophilic wings. Thanks to the unsubstituted core and linked quadruple H-bonding group (UPy) as wings, only the supramolecular polymer UPy–PDI–UPy exhibited an intense fluorescence emission in the solid-state and a temperature-dependent ratiometric dual-emission (green and red) property in the nanoparticle dispersion when temperature increased from 20 to 80 °C. It is noteworthy that the subsequently prepared fluorescent hydrogel displayed a temperature-ultrasensitive ratiometric fluorescence responsiveness and a visual sol–gel transition ranging from 20 to 39 °C. To the best of our knowledge, this is the first example of the fabrication of PDI-based supramolecular polymers as ratiometric fluorescence thermometers and can imply more inspiration to prepare novel responsive luminescent materials (Scheme 1).
Scheme 1 (a) Molecular structure of three PDI derivatives; 2. (b) Schematic illustration of temperature-sensitive supramolecular fluorescent nano-assemblies. |
Fig. 1 shows the fluorescent properties of the three PDI derivatives in the solid-state. Interestingly, under 365 nm light irradiation, UPy–PDI–UPy emits a bright red light with a high fluorescence quantum yield of 7.19% while both PEG–PDI–PEG and UPy–TPDI–UPy show weak fluorescence with low fluorescence quantum yields of 0.19% and 0.26%, respectively (Fig. 1a). Such a unique property is supported by their fluorescence spectra (Fig. 1b) in which the maximum fluorescence emission intensity of UPy–PDI–UPy in the solid state at 694 nm is 53 times or 41 times higher than those of TEG–PDI–TEG at 693 nm or UPy–TPDI–UPy at 636 nm. The absence of emission in both PEG–PDI–PEG and UPy–TPDI–UPy was attributed to the “aggregation-caused quenching” (ACQ) effect. It is well documented that the fluorescence of PDIs is generally quenched in the solid-state due to consecutive π–π interactions and/or dipole–dipole interactions between the neighboring planar PDI fluorophores.39 Würthner and co-workers have demonstrated that bulky substituents on the PDI fluorophore favor the formation of discrete PDI–PDI π-dimers and undistorted planar PDI fluorophores, which inhibit long-range PDI aggregation in the solid state.44,45 As displayed in the 1H NMR spectrum in Fig. S9 (ESI†), with increasing the concentration of UPy–PDI–UPy, the peaks at 8.2 and 8.4 ppm that belong to the PDI–PDI π-dimers gradually rise, indicating that the bulky UPy side groups in UPy–PDI–UPy can lead to the formation of discrete PDI–PDI π-dimers.46,47 Also, no chemical shifts related to trimers or other long-range PDI aggregation can be observed in Fig. S9 (ESI†). We thus attribute the bright deep-red emission efficiency of UPy–PDI–UPy in the solid state to the appropriate π–π stacking of PDI induced by UPy dimerization.
Because of their amphiphilic structures, the PDI derivatives could self-assemble in aqueous solutions. UV-vis absorption and fluorescence spectroscopies were used to study their self-assemblies (Fig. 2). A DMF/H2O mixture solvent was employed by increasing the fraction of water in DMF. At a concentration of 50 μM, UPy–PDI–UPy completely dissolved in pure DMF, showing typical absorption and emission images of well-dispersed PDI derivatives (Fig. 2a and b).48,49 When the content of water was increased to 30 vol%, dramatic changes in both the absorption and emission spectra were observed. The S0–1 transition (λ = 490 nm) is more intense than the S0–0 transition (λ = 525 nm) while the fluorescent intensity at around 545 nm is significantly reduced, indicating a π–π stacking aggregation state. With further increase of the water fraction, a slight bathochromic shift of λmax occurred and the well-structured absorption curve turned into a less structured peak. The absorbance ratio of A525/A490 was declined from 1.6 to 0.4 (Fig. S10a, ESI†), indicating enhanced π–π stacking interaction.48 Interestingly, with a further increase of water fraction, UPy–PDI–UPy shows a significant enhancement of fluorescence intensity at 646 nm, accompanied by a change of emission color from green to red. This unusual enhancement in emission is different from most previous reports of the PDI derivatives, even UPy-linked ones.48,49 We attributed this to the formation of appropriate intermolecular π–π stacking through multiple H-bonding interactions. Such a synergetic effect was supported by the results from UPy–TPDI–UPy in which the tetrachloro substituents prevent the intermolecular π–π stacking interaction and TEG–PDI–TEG, a PDI derivative without UPy moieties. UPy–TPDI–UPy only exhibits a slight change in absorption along with the absorbance ratio of A518/A490 (Fig. S10b, ESI†), and obvious fluorescence quenching at a higher water fraction (Fig. 2c and 3d). On the other hand, TEG–PDI–TEG shows an obvious decrease in the absorption peak at S0–0 transition (Fig. 2e) but a stepwise promotion in that of the S0–1 transition. As a result, the absorbance ratio of A525/A490 declines from 1.45 to 0.7 (Fig. S10c, ESI†). In addition to this change, clear quenching in fluorescence intensity was observed, due to the formation of strong π–π interaction mediated aggregates, as reported in the literature.
To further investigate the aggregation behavior of UPy–PDI–UPy in DMF/H2O mixed solution, AFM, TEM and DLS were employed to study the size of its aggregatesunder different water fractions. As exhibited in Fig. 3 and Fig. S11 (ESI†), when the water fraction was increased from 20% to 80%, the particle size data from DLS gradually decrease and the size distribution was also reduced. The results were also confirmed by AFM and TEM measurements. Fig. 3a and c display the AFM images of the supramolecular aggregates of UPy–PDI–UPy in DMF/H2O mixed solution with 30% or 50% fraction. In the case of 30% water fraction, the aggregates show an average size of 396.5 nm (DLS). Increasing water fraction reduces both the average particle size and size distribution. The TEM images as shown in Fig. S12 (ESI†) further confirm the aggregation behavior of UPy–PDI–UPy in the mixture of DMF/H2O. This indicated that solvent polarity can be used to regulate the supramolecular self-assembly behavior of UPy–PDI–UPy in the current system.
A UPy–PDI–UPy hydrogel could be prepared by adding polyethylene glycol (PEG, Mw = 10000) into the solution. This hydrogel (Gel1) was also thermo-sensitive. Elevating the temperature from 20 to 39 °C induced a sol–gel transition (Fig. 5a). Interestingly, Gel1 displays an obvious fluorescence color change from pink to greenyellow, accompanied by the sol–gel transition. The emission was further studied using fluorescence spectroscopy. As displayed in Fig. 5b, UPy–PDI–UPy in a hydrogel (Gel1) exhibits a high thermo-sensitivity in fluorescence, even more sensitive than that in the solution state. The ratiometric fluorescent intensity I542/I646 was further used to evaluate the thermo-sensitivity (Fig. 5c). It was found that a sharp change in I542/I646 (1.1 to 5.3) occurred in the range of 35–41 °C (critical temperature range). We attribute this to the phase-transition temperature of PEG in the as-prepared hydrogel intensifying the disaggregation of the formed supramolecular aggregates during the phase-transition process. Moreover, a good linear fitting curve with a correlation coefficient of 0.98 (R2) was achieved by plotting the I542/I646versus temperature (35.0–41.0 °C). Note that this change perfectly matched the human physiological temperature range, implying a potential application in body-monitor devices. A temperature-sensitive color-changing bracelet by the encapsulation of Gel1 in a plastic tube was thus fabricated to show this potential (Fig. 5a). In addition, Gel1 also exhibits excellent reversibility in thermo-induced fluorescence change between 20 and 39 °C (Fig. 5d). In comparison with the corresponding nanoparticle dispersion, no detectable “fatigue” effects were observed in the reversibility even after five cycles. Furthermore, the critical temperature range of the gel can be easily varied by changing the ratio and molecular weight of PEG, as exhibited in Table S1 and Fig. S19–S21 (ESI†). In the current system, PEG is the major component (58 and 75 wt% for Gel1 and Gel2, respectively) and water is absorbed in the PEG as a plasticizer in the gel state. PEG with Mw of 10000 shows a melting point of ca. 60 °C, which is expected to decrease after the addition of water. The gel–sol transition is the melting of the mixture of PEG and water. This hypothesis is also supported by the system of the PEG with lower Mw (2000). Decreasing the Mw can reduce the melting point of PEG itself and also decrease the transition temperature of the system (system of Mw 10000: 41 °C; system of Mw 2000: 36 °C). Based on this mechanism, the concentration of PEG should make an important contribution to the phase transition, as the results show in Table S1, Fig. 5a and Fig. S19 (ESI†) (39 °C for Gel1 and 41 °C for Gel2). In this system, the UPy–PDI–UPy molecules disperse in the media and would thus change their aggregated state with the media. Moreover, similar to UPy–PDI–UPy, TEG–PDI–TEG can also form a hydrogel. However, in contrast with the obvious temperature-dependence of UPy–PDI–UPy hydrogel, the corresponding TEG–PDI–TEG in gel (Gel4, Table S1, Fig. S19 and S22, ESI†) did not show any fluorescence color change except for the presence of fluorescence quenching and gel–sol transition with the increase of temperature.
Footnote |
† Electronic supplementary information (ESI) available: Synthesis procedures, 1H NMR spectra, 13C NMR, MS, absorption spectrum, fluorescence spectra, etc.. See DOI: 10.1039/d0ma00053a |
This journal is © The Royal Society of Chemistry 2020 |